/* Otomind colour system — one dark navy ground, one blue, one orange. Nothing else.
   Source of truth: the brand logo SVGs (#060D1D / #177CDB / #E66000) and the
   otomind.com.tr home page reference in assets/reference/. */
:root{
  /* ---- Navy ground (the brand only ever appears on dark) ---- */
  --navy-1000:#020B1C; /* page ground */
  --navy-950:#060D1D;  /* logo lockup ground, default surface */
  --navy-900:#0A1426;  /* raised surface / card */
  --navy-850:#0D1A2E;
  --navy-800:#12203A;
  --navy-700:#1B2B49;  /* strongest hairline */
  --navy-600:#26395C;

  /* ---- Blue: the brand's voice. Structure, links, emphasis ---- */
  --blue-200:#97CDFF;
  --blue-300:#5FA8F5;
  --blue-400:#2A8BF2; /* bright accent: highlighted words, links, active nav */
  --blue-500:#177CDB; /* brand primary (logo ring, icons) */
  --blue-600:#1268BA;
  --blue-700:#0E4E8C;
  --blue-900:#082A4D;

  /* ---- Orange: the nucleus. Used in single points, never in areas ---- */
  --orange-300:#FF9A4D;
  --orange-400:#FF7A18;
  --orange-500:#E66000; /* brand accent (logo nucleus, rules, badges) */
  --orange-600:#BF5000;
  --orange-900:#3A1A05;

  /* ---- Ink ---- */
  --white:#FFFFFF;
  --ink-100:#EEF3FA; /* headlines */
  --ink-200:#C9D5E5; /* strong body */
  --ink-300:#9AAABF; /* body */
  --ink-400:#6F8098; /* meta, captions, legal */
  --ink-500:#4A5A73; /* disabled */

  /* ---- Semantic aliases: use these in components ---- */
  --bg-page:var(--navy-1000);
  --bg-section:var(--navy-950);
  --bg-section-alt:var(--navy-900);
  --surface-card:rgba(10,20,38,.72);
  --surface-card-hover:rgba(18,32,58,.82);
  --surface-inset:rgba(6,13,29,.6);
  --surface-overlay:rgba(2,11,28,.86);

  --text-heading:var(--ink-100);
  --text-body:var(--ink-300);
  --text-body-strong:var(--ink-200);
  --text-meta:var(--ink-400);
  --text-disabled:var(--ink-500);
  --text-accent:var(--blue-400);
  --text-eyebrow:var(--blue-400);
  --text-on-accent:var(--white);

  --border-hairline:rgba(23,124,219,.16); /* section + card edges */
  --border-strong:rgba(23,124,219,.34);   /* hover / focus edges */
  --border-neutral:rgba(155,178,210,.12);
  --divider-vertical:linear-gradient(180deg,rgba(23,124,219,0) 0%,rgba(23,124,219,.38) 22%,rgba(23,124,219,.10) 100%); /* @kind other */

  --accent-rule:var(--orange-500);
  --focus-ring:var(--blue-400);

  /* ---- Status (extrapolated from the brand pair; not observed in source) ---- */
  --status-info:var(--blue-400);
  --status-success:#1FB981;
  --status-warning:var(--orange-400);
  --status-danger:#E5484D;

  /* ---- Signature gradients (glow, never decoration) ---- */
  --glow-blue:radial-gradient(60% 60% at 50% 50%,rgba(23,124,219,.30) 0%,rgba(23,124,219,0) 70%); /* @kind other */
  --glow-orange:radial-gradient(50% 50% at 50% 50%,rgba(230,96,0,.28) 0%,rgba(230,96,0,0) 72%); /* @kind other */
  --ring-gradient:conic-gradient(from 210deg,var(--orange-500) 0deg,var(--blue-500) 90deg,var(--blue-500) 300deg,var(--orange-500) 360deg); /* @kind other */
  --scrim-bottom:linear-gradient(180deg,rgba(2,11,28,0) 0%,rgba(2,11,28,.55) 55%,rgba(2,11,28,.92) 100%); /* @kind other */
  --scrim-left:linear-gradient(90deg,rgba(2,11,28,.96) 0%,rgba(2,11,28,.72) 45%,rgba(2,11,28,.25) 100%); /* @kind other */
}