:root {
  /* ─── Brand Primaries ─── */
  --color-navy:          #1B2D5B;
  --color-cerulean:      #1A7FB5;
  --color-bright-blue:   #0070C0;
  --color-sky:           #69B3E7;

  /* ─── Contrasting Accents ─── */
  --color-amber:         #E8913A;
  --color-gold:          #F2C744;
  --color-jade:          #2EAF7D;
  --color-vermilion:     #D94F4F;

  /* ─── Neutrals ─── */
  --color-ink:           #111827;
  --color-graphite:      #374151;
  --color-slate:         #6B7280;
  --color-ash:           #9CA3AF;
  --color-mist:          #E5E7EB;
  --color-cloud:         #F3F4F6;
  --color-snow:          #F9FAFB;
  --color-white:         #FFFFFF;

  /* ─── Semantic Aliases ─── */
  --color-primary:       var(--color-navy);
  --color-primary-light: var(--color-cerulean);
  --color-accent:        var(--color-bright-blue);
  --color-accent-light:  var(--color-sky);
  --color-success:       var(--color-jade);
  --color-warning:       var(--color-amber);
  --color-error:         var(--color-vermilion);
  --color-highlight:     var(--color-gold);

  --color-text:          var(--color-ink);
  --color-text-secondary:var(--color-graphite);
  --color-text-muted:    var(--color-slate);
  --color-border:        var(--color-mist);
  --color-surface:       var(--color-cloud);
  --color-background:    var(--color-snow);
}