/* ============================================================
   Bitasis — Color tokens
   Lacivert (navy) primary · Turuncu (orange) accent.
   ============================================================ */
:root {
  /* --- Brand core --- */
  --navy-900: #08203F;   /* deepest, for shadow/gradient feet */
  --navy-700: #0A2650;   /* hover on navy surfaces */
  --navy:     #0D3063;   /* PRIMARY — headings, dark grounds */
  --navy-400: #3A5687;   /* muted navy text / lines on light */
  --navy-200: #9FB0CC;   /* faint navy, dividers on light */

  --orange-700: #CC5200; /* pressed accent */
  --orange-600: #E65C00; /* hover accent */
  --orange:     #FF6600; /* ACCENT — buttons, numbers, icons */
  --orange-300: #FFB07A; /* soft accent, on-navy lines */

  /* --- Surfaces --- */
  --white:      #FFFFFF;
  --bg-blue:    #F2F5FA; /* page ground, neutral boxes */
  --bg-blue-200:#E4EAF3; /* nested box / border on bg-blue */
  --bg-orange:  #FFF1E6; /* accent / callout boxes */
  --bg-orange-200:#FFE0C7;/* border on accent boxes */

  /* --- Status (Mentör rozetleri) --- */
  --status-acil:    #E03131; /* Acil — kırmızı */
  --status-acil-bg: #FCE9E9;
  --status-dikkat:    #F08C00; /* Dikkat — turuncu/amber */
  --status-dikkat-bg: #FFF3E0;
  --status-yolunda:    #2F9E44; /* Yolunda — yeşil */
  --status-yolunda-bg: #E7F5EB;

  /* --- Neutral ink (on light) --- */
  --ink:        #0D3063; /* default body ink = navy */
  --ink-soft:   #41507A; /* secondary text */
  --ink-faint:  #7A87A6; /* captions, meta */
  --line:       #DDE4F0; /* hairline borders */

  /* --- Semantic aliases --- */
  --text-heading:   var(--navy);
  --text-body:      var(--ink-soft);
  --text-on-navy:   var(--white);
  --text-muted-on-navy: #B9C6E0;
  --accent:         var(--orange);
  --surface-page:   var(--bg-blue);
  --surface-card:   var(--white);
  --surface-dark:   var(--navy);
  --surface-callout:var(--bg-orange);
  --border-card:    var(--line);
}
/* ============================================================
   Bitasis — Typography tokens
   Display & stats: Montserrat (800/900 ExtraBold).
   Body: Open Sans (400/600). Numbers: Montserrat Bold + orange.
   ============================================================ */
:root {
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body:    'Open Sans', system-ui, sans-serif;
  --font-stat:    'Montserrat', system-ui, sans-serif;

  /* Weights */
  --w-body:       400; /* @kind font */
  --w-body-semi:  600; /* @kind font */
  --w-heading:    800; /* @kind font */ /* ExtraBold */
  --w-heading-max:900; /* @kind font */ /* Black, hero numbers */

  /* Type scale (screen, rem @16px base) */
  --fs-hero:    3.5rem;   /* 56 — cover word */
  --fs-h1:      2.5rem;   /* 40 — page title */
  --fs-h2:      1.75rem;  /* 28 — section */
  --fs-h3:      1.25rem;  /* 20 — card title */
  --fs-stat:    2.75rem;  /* 44 — big orange number */
  --fs-lead:    1.1875rem;/* 19 — lede paragraph */
  --fs-body:    1rem;     /* 16 */
  --fs-sm:      0.875rem; /* 14 — meta */
  --fs-xs:      0.75rem;  /* 12 — eyebrow / badge */

  /* Line heights */
  --lh-tight:  1.05; /* @kind font */
  --lh-snug:   1.2;  /* @kind font */
  --lh-body:   1.6;  /* @kind font */

  /* Tracking */
  --ls-eyebrow: 0.14em;  /* uppercase eyebrows */
  --ls-tight:  -0.01em;
}
/* ============================================================
   Bitasis — Spacing, radius, shadow, layout tokens
   4px base grid.
   ============================================================ */
:root {
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* Radii — corporate, restrained */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-pill: 999px;

  /* Shadows — soft, cool-tinted navy */
  --shadow-sm: 0 1px 2px rgba(13,48,99,0.06), 0 1px 3px rgba(13,48,99,0.08);
  --shadow-md: 0 4px 12px rgba(13,48,99,0.08), 0 2px 4px rgba(13,48,99,0.05);
  --shadow-lg: 0 16px 40px rgba(13,48,99,0.14), 0 4px 10px rgba(13,48,99,0.07);

  /* Accent rule — the thin orange line in page furniture */
  --rule-accent: 3px solid var(--orange);

  /* Layout */
  --page-a4-w: 794px;   /* 210mm @ 96dpi */
  --page-a4-h: 1123px;  /* 297mm @ 96dpi */
  --page-pad:  56px;
  --maxw-prose: 62ch;
}