/*
 * AFB Theme — Light Mode Tokens
 * Corporate Blue-Gray palette
 * Loaded when session theme_mode = 'light' (default)
 */
:root {
  /* Brand */
  --primary:               #1B4F8C;
  --primary-active:        #15407A;
  --primary-rgb:           27, 79, 140;
  --brand-any:             #0284c7;

  /* Text */
  --ink:                   #111827;
  --body:                  #424f5c;
  --muted:                 #6b7280;
  --muted-soft:            #9ca3af;

  /* Borders */
  --hairline:              #e3deda;
  --hairline-soft:         #f3f4f6;
  --hairline-strong:       #cfc9c4;

  /* Surfaces */
  --canvas:                #fafaf8;
  --canvas-soft:           #f2f1ef;
  --surface-card:          #ffffff;
  --surface-strong:        #e5e7eb;

  /* Utilities */
  --on-primary:            #ffffff;
  --success:               #1f8a65;
  --nav-hover-bg:          rgba(var(--primary-rgb), 0.18);

  /* Font stack */
  --font: 'Plus Jakarta Sans', system-ui, -apple-system,
          'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Icon palette */
  --icon-sky:        #0284c7; --icon-sky-bg:        rgba(2,132,199,0.10);
  --icon-indigo:     #4338ca; --icon-indigo-bg:     rgba(67,56,202,0.10);
  --icon-violet:     #7c3aed; --icon-violet-bg:     rgba(124,58,237,0.10);
  --icon-teal:       #0d9488; --icon-teal-bg:       rgba(13,148,136,0.10);
  --icon-emerald:    #059669; --icon-emerald-bg:    rgba(5,150,105,0.10);
  --icon-amber:      #d97706; --icon-amber-bg:      rgba(217,119,6,0.10);
  --icon-orange:     #ea580c; --icon-orange-bg:     rgba(234,88,12,0.10);
  --icon-rose:       #e11d48; --icon-rose-bg:       rgba(225,29,72,0.10);

  /* CTA band tokens */
  --cta-band-bg:           var(--ink);
  --cta-headline-color:    var(--canvas);
  --cta-meta-color:        rgba(250, 250, 248, 0.55);
  --cta-btn-prim-bg:       var(--surface-card);
  --cta-btn-prim-color:    var(--ink);
  --cta-btn-prim-hover:    var(--canvas);
  --cta-btn-outline-border: rgba(255, 255, 255, 0.35);
  --cta-btn-outline-color: var(--canvas);
}