/* AINTECH Canonical Typography System — Display Next 3.000 + Type System 0.110
 * Release: 2026-10-12-display-3.000-typesystem-0.110
 * Canonical Brand Surface: Deep Navy-Blue (#030d1c) & Plata-Cielo (#86cdff / #68e8e1)
 */
@import url("./display/aintech-display-next.css");
@import url("./type-system/aintech-type-system.css");

:root {
  --aintech-font-display: "AINTECH Display Next VF", "AINTECH Display Next", "AINTECH Display", system-ui, -apple-system, sans-serif;
  --aintech-font-text: "AINTECH Text 12", system-ui, -apple-system, "Segoe UI", sans-serif;
  --aintech-font-editorial: "AINTECH Text 24", Georgia, serif;
  --aintech-font-mono: "AINTECH Mono", "JetBrains Mono", ui-monospace, monospace;
  --aintech-font-condensed: "AINTECH Condensed", sans-serif;
  --aintech-font-wide: "AINTECH Wide", sans-serif;

  /* Bind to AINA ONE product variables across all views */
  --aina-one-display: var(--aintech-font-display);
  --aina-one-body: var(--aintech-font-text);
  --display: var(--aintech-font-display);
  --sans: var(--aintech-font-text);
  --mono: var(--aintech-font-mono);
  --font-display: var(--aintech-font-display);
  --font-sans: var(--aintech-font-text);
  --font-mono: var(--aintech-font-mono);
  --reading: var(--aintech-font-editorial);
}

/* Ensure all entry, splash, gate, onboarding, studio, canvas, and chat surfaces use the canonical typography & Deep Navy-Blue branding */
body,
.aina-boot,
.aina-stage,
.aina-brand-intro,
.aina-gate,
.aina-entry,
.aina-canvas,
.aina-studio-frame,
.one-chat-app {
  font-family: var(--aintech-font-text);
}

.aina-brand-intro h1,
.aina-gate__claim,
.aina-gate__panel h1,
.aina-entry__heading h1,
.aina-entry--state h1,
.aina-canvas :is(h1, h2),
.ac-studio h1,
.ac-studio h2,
.one-chat-page > header h1,
.one-chat-settings > header h1,
.one-chat-centered h1,
.one-chat-new__hero h1,
.one-chat-suite__panel h2 {
  font-family: var(--aintech-font-display) !important;
  font-feature-settings: "kern" 1, "liga" 1;
}

code, kbd, pre, .ac-studio-hash {
  font-family: var(--aintech-font-mono);
}

/* Unify Canvas Domain & Studio surfaces with the canonical Deep Navy-Blue & Plata-Cielo stage from SignIn & Chat Home */
.aina-canvas,
.aina-studio-frame {
  --ac-bg: #030d1c;
  --ac-panel: #0c1c30;
  --ac-raised: #11243b;
  --ac-hover: #17304d;
  --ac-line: #86cdff40;
  --ac-accent: #86cdff;
  --ac-on-accent: #061a2b;
  --ac-text: #f0f6f7;
  --ac-muted: #aac0c8;
  --ac-subtle: #8fa9be;
  background:
    radial-gradient(ellipse at 50% 0%, #17497780, transparent 48%),
    radial-gradient(ellipse at 100% 55%, #174b982b, transparent 48%),
    radial-gradient(ellipse at 0% 75%, #17497730, transparent 45%),
    #030d1c;
}

/* Unify OneChatShell fallback / rollback surfaces with the canonical Deep Navy-Blue & Plata-Cielo stage */
html:not([data-theme="light"]):not([data-skin="vitrina"]) .one-chat-app {
  --oc-bg: #030d1c;
  --oc-rail: #061326;
  --oc-surface: #0c1c30;
  --oc-raised: #11243b;
  --oc-strong: #17304d;
  --oc-border: #26435f;
  --oc-border-strong: #466f94;
  --oc-text: #f0f6f7;
  --oc-muted: #aac0c8;
  --oc-faint: #8fa9be;
  --oc-accent: #86cdff;
  --oc-accent-deep: #68e8e1;
  --oc-accent-ink: #86cdff;
  --oc-on-accent: #061a2b;
  background:
    radial-gradient(ellipse at 50% 0%, #17497780, transparent 48%),
    radial-gradient(ellipse at 100% 55%, #174b982b, transparent 48%),
    #030d1c;
}