:root {
  /* ── Brand ─────────────────────────────────────────────────── */
  --navy:        #1C2057;
  --navy-deep:   #14173F;
  --navy-hover:  #181D4D;
  --navy-light:  rgba(28, 32, 87, 0.08);
  --navy-ring:   rgba(28, 32, 87, 0.14);

  /* ── Semantic ───────────────────────────────────────────────── */
  --green:       #15A348;
  --green-bg:    #D8F5E5;
  --green-text:  #0D7A35;

  --amber:       #C97A05;
  --amber-bg:    #FDF0CC;
  --amber-text:  #7A4B00;

  --orange:      #D95008;
  --orange-bg:   #FFE8D6;

  --red:         #D42020;
  --red-bg:      #FCE0E0;

  --grey:        #9CA3AF;
  --grey-bg:     #F1F2F5;
  --grey-dark:   #6B7280;

  /* ── Surface ────────────────────────────────────────────────── */
  --surface:  #EFF0F6;
  --card:     #FFFFFF;

  /* ── Text ───────────────────────────────────────────────────── */
  --text-primary:   #0F1117;
  --text-secondary: #5C6370;
  --text-hint:      #A0A7B4;

  /* ── Border ─────────────────────────────────────────────────── */
  --border:       #E3E5ED;
  --border-inner: rgba(0,0,0,0.05);

  /* ── Shadow ─────────────────────────────────────────────────── */
  --shadow-xs: 0 1px 2px rgba(15,17,30,0.06);
  --shadow-sm: 0 1px 3px rgba(15,17,30,0.07), 0 3px 10px rgba(15,17,30,0.06);
  --shadow-md: 0 2px 8px rgba(15,17,30,0.08), 0 6px 20px rgba(15,17,30,0.07);
  --shadow-lg: 0 8px 30px rgba(15,17,30,0.12), 0 2px 8px rgba(15,17,30,0.06);

  /* ── Radius ─────────────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   22px;
  --radius-full: 9999px;

  /* ── Type ───────────────────────────────────────────────────── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition: 130ms ease;
}