/* ============================================================
   Campos Salles — Color tokens · V2 (refined blue palette)
   Primary:   #023b69  (deep navy)
   Secondary: #0872ca  (vivid steel blue)
   Accent:    collegiate gold (kept)
   ============================================================ */
:root {
  /* --- Brand: Blue scale (navy → azure) --- */
  --blue-50:  #eef6fd;
  --blue-100: #d7e8f8;
  --blue-200: #aecfec;
  --blue-300: #7fb2e0;
  --blue-400: #3f8fd1;
  --blue-500: #0872ca;   /* SECONDARY — links, highlights, icons */
  --blue-600: #0660a8;
  --blue-700: #044e86;
  --blue-800: #023b69;   /* PRIMARY — the brand navy */
  --blue-900: #012c50;   /* ink / headings */
  --blue-950: #011d35;   /* darkest surfaces */

  /* --- Brand: Gold (collegiate accent, kept) --- */
  --gold-50:  #faf4e4;
  --gold-100: #f3e6c4;
  --gold-300: #e2c176;
  --gold-400: #d4ab4e;
  --gold-500: #c69a3b;   /* accent — CTAs, key moments */
  --gold-600: #a87f28;

  /* --- Neutrals (cool blue-grays) --- */
  --white:    #ffffff;
  --gray-50:  #f6f9fc;
  --gray-100: #eef3f8;   /* section background */
  --gray-200: #e0e8f1;   /* borders, dividers */
  --gray-300: #cbd7e5;
  --gray-400: #9fb1c6;
  --gray-500: #6f829a;
  --gray-600: #4c6178;   /* muted text */
  --gray-700: #2f4457;   /* body text */
  --gray-900: #0e1c2b;

  /* --- Semantic --- */
  --success-500: #1a9e83;
  --success-50:  #e6f6f2;
  --warning-500: #d4ab4e;
  --danger-500:  #d13a4e;

  /* --- Legacy aliases (keep old components resolving) --- */
  --indigo-50:  var(--blue-50);
  --indigo-100: var(--blue-100);
  --indigo-700: var(--blue-800);
  --indigo-800: var(--blue-900);
  --indigo-900: var(--blue-900);
  --indigo-950: var(--blue-950);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --color-primary:        var(--blue-800);
  --color-primary-hover:  var(--blue-900);
  --color-primary-soft:   var(--blue-50);
  --color-secondary:      var(--blue-500);
  --color-secondary-hover:var(--blue-600);
  --color-secondary-soft: var(--blue-100);
  --color-accent:         var(--gold-500);
  --color-accent-hover:   var(--gold-600);
  --color-accent-soft:    var(--gold-50);

  --text-heading:  var(--blue-900);
  --text-body:     var(--gray-700);
  --text-muted:    var(--gray-600);
  --text-onprimary:var(--white);
  --text-link:     var(--blue-600);

  --surface-page:  var(--white);
  --surface-muted: var(--gray-100);
  --surface-card:  var(--white);
  --surface-dark:  var(--blue-950);

  --border-subtle: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-focus:  var(--blue-500);

  /* --- Shadows tuned to the navy palette --- */
  --shadow-xs: 0 1px 2px rgba(1,29,53,.06);
  --shadow-sm: 0 2px 10px rgba(1,29,53,.07);
  --shadow-md: 0 10px 30px rgba(1,29,53,.10);
  --shadow-lg: 0 20px 48px rgba(1,29,53,.14);
  --shadow-xl: 0 32px 72px rgba(1,29,53,.18);
  --shadow-primary: 0 16px 34px rgba(2,59,105,.30);
  --shadow-accent:  0 16px 34px rgba(198,154,59,.34);

  --ring-focus: 0 0 0 3px rgba(8,114,202,.30);

  /* --- Signature gradients --- */
  --grad-brand: linear-gradient(135deg, #023b69 0%, #044e86 45%, #0872ca 100%);
  --grad-hero:  linear-gradient(120deg, rgba(1,20,38,.94) 0%, rgba(2,44,80,.86) 45%, rgba(2,59,105,.72) 100%);
  --grad-sheen: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,0) 60%);
}