/* AVIRSO — Company AI Brain. Design tokens.
   Executive-clean LIGHT default + DARK via [data-theme="dark"]. Brand: AVIRSO. */

@font-face {
  font-family: "Inter";
  src: url("vendor/fonts/inter.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  /* ---- Brand (AVIRSO) ---- */
  --avirso-purple: #6F00FF;
  --avirso-purple-2: #5525F3;
  --avirso-purple-3: #5900FF;
  --avirso-deep: #051C2C;
  --electric-blue: #2251FF;
  --electric-blue-300: #5E9DFF;
  --marine: #0BDACB;
  --amber: #FFA800;
  --crimson: #E33B3B;
  --brand-gradient: linear-gradient(135deg, #6F00FF 0%, #2251FF 100%);

  /* ---- Surfaces (light) ---- */
  --bg-app:     #F6F7F9;
  --bg-surface: #FFFFFF;
  --bg-raised:  #FFFFFF;
  --bg-subtle:  #F1F3F7;
  --bg-inset:   #FAFBFC;

  /* ---- Borders ---- */
  --border:        #E7E9EE;
  --border-strong: #D7DAE2;
  --hairline:      rgba(5,28,44,0.06);

  /* ---- Text ---- */
  --text:       #051C2C;
  --text-2:     #45505C;
  --text-muted: #78828E;
  --text-inv:   #FFFFFF;

  /* ---- Accent / interactive ---- */
  --accent:        #6F00FF;
  --accent-hover:  #5C12E6;
  --accent-press:  #5900FF;
  --accent-soft:   rgba(111,0,255,0.08);
  --accent-soft-2: rgba(111,0,255,0.14);
  --on-accent:     #FFFFFF;
  --link:          #2251FF;
  --focus-ring:    rgba(111,0,255,0.32);

  /* ---- Semantic ---- */
  --success: #07A99E; --success-soft: rgba(11,218,203,0.14);
  --warning: #B36A00; --warning-soft: rgba(255,168,0,0.16);
  --danger:  #D42F2F; --danger-soft: rgba(227,59,59,0.12);

  /* ---- Entity types (graph + badges) ---- */
  --type-Decision: #6F00FF; --type-Policy: #B36A00; --type-Person: #07A99E;
  --type-Product: #2251FF; --type-Meeting: #C026A8; --type-CodeArtifact: #0E8F6E;
  --type-Initiative: #C26A00;

  /* ---- Typography ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
  --t-display: 2.25rem; --t-h1: 1.6rem; --t-h2: 1.2rem; --t-h3: 1.0rem;
  --t-body: 0.9375rem; --t-sm: 0.8125rem; --t-xs: 0.6875rem;
  --tracking-tight: -0.02em; --tracking-wide: 0.04em;

  /* ---- Spacing ---- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px;

  /* ---- Radius ---- */
  --r-sm: 6px; --r-md: 9px; --r-lg: 12px; --r-xl: 16px; --r-2xl: 20px; --r-pill: 999px;

  /* ---- Elevation (soft, layered — light) ---- */
  --shadow-xs: 0 1px 2px rgba(5,28,44,0.05);
  --shadow-sm: 0 1px 2px rgba(5,28,44,0.06), 0 1px 3px rgba(5,28,44,0.05);
  --shadow-md: 0 6px 16px -4px rgba(5,28,44,0.10), 0 2px 6px -2px rgba(5,28,44,0.06);
  --shadow-lg: 0 20px 50px -12px rgba(5,28,44,0.22), 0 6px 16px -8px rgba(5,28,44,0.10);
  --shadow-accent: 0 8px 24px -6px rgba(111,0,255,0.35);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22,0.61,0.36,1);
  --ease-spring: cubic-bezier(0.34,1.4,0.5,1);
  --d1: 120ms; --d2: 200ms; --d3: 320ms;

  /* ---- Layout ---- */
  --sidebar-w: 256px; --content-max: 1240px; --answer-w: 44rem; --sources-w: 23rem;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg-app:     #080B12;
  --bg-surface: #10151F;
  --bg-raised:  #0C111A;
  --bg-subtle:  #161D2A;
  --bg-inset:   #0E131C;
  --border:        #1E2636;
  --border-strong: #2B3650;
  --hairline:      rgba(255,255,255,0.06);
  --text:       #EEF2F8;
  --text-2:     #C2CAD8;
  --text-muted: #828DA0;
  --text-inv:   #051C2C;
  --accent:        #9D6BFF;
  --accent-hover:  #B08CFF;
  --accent-press:  #8B5CFF;
  --accent-soft:   rgba(157,107,255,0.14);
  --accent-soft-2: rgba(157,107,255,0.22);
  --on-accent:     #0A0612;
  --link:          #7FB0FF;
  --focus-ring:    rgba(157,107,255,0.45);
  --success: #19E0D0; --success-soft: rgba(11,218,203,0.16);
  --warning: #FFB02E; --warning-soft: rgba(255,168,0,0.16);
  --danger:  #FF6B6B; --danger-soft: rgba(255,107,107,0.14);
  --type-Decision: #9D6BFF; --type-Policy: #FFB02E; --type-Person: #19E0D0;
  --type-Product: #6E9BFF; --type-Meeting: #E879D6; --type-CodeArtifact: #34D399;
  --type-Initiative: #F5A623;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 8px 24px -6px rgba(0,0,0,0.6);
  --shadow-lg: 0 24px 60px -12px rgba(0,0,0,0.7);
  --shadow-accent: 0 8px 28px -6px rgba(157,107,255,0.4);
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}