/* ==========================================================================
   Akademia — Color tokens
   Brand: navy #172e4d + teal #00d9b6
   ========================================================================== */
:root {
  /* ---- Brand: Navy (primary / ink) ---- */
  --navy-950: #0b1626;
  --navy-900: #0e1d33;
  --navy-800: #172e4d; /* BRAND navy */
  --navy-700: #21406a;
  --navy-600: #2d5488;
  --navy-500: #3d6ba6;
  --navy-300: #8fabce;
  --navy-100: #d5e0ee;
  --navy-50:  #eef3f9;

  /* ---- Brand: Teal (accent / energy) ---- */
  --teal-700: #009279;
  --teal-600: #00b89b;
  --teal-500: #00d9b6; /* BRAND teal */
  --teal-400: #3ce3c9;
  --teal-300: #74ecda;
  --teal-200: #a9f3e8;
  --teal-100: #d3f9f2;
  --teal-50:  #e9fcf8;

  /* ---- Neutrals ---- */
  --white:    #ffffff;
  --paper:    #f7f9fb;
  --gray-100: #eef1f5;
  --gray-200: #e0e5ec;
  --gray-300: #c8d0da;
  --gray-400: #9aa6b6;
  --gray-500: #6b7887;
  --gray-600: #4c5866;
  --gray-700: #333d49;

  /* ---- Semantic status ---- */
  --success: #16b981;
  --success-soft: #e4f7ef;
  --warning: #f5a524;
  --warning-soft: #fdf1dc;
  --danger:  #ef4d4d;
  --danger-soft: #fde6e6;
  --info:    #3d6ba6;
  --info-soft: #eef3f9;

  /* ==== Semantic aliases ==== */
  --brand-primary: var(--navy-800);
  --brand-accent:  var(--teal-500);

  --bg-page:       var(--paper);
  --bg-page-dark:  var(--navy-800);
  --surface-card:  var(--white);
  --surface-muted: var(--gray-100);
  --surface-accent: var(--teal-50);

  --text-strong:   var(--navy-900);
  --text-body:     var(--navy-700);
  --text-muted:    var(--gray-500);
  --text-on-dark:  var(--white);
  --text-on-accent: var(--navy-900);
  --text-link:     var(--teal-700);

  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--navy-800);

  --focus-ring:    var(--teal-500);
}