/* qse-tokens.css — Qase design tokens */
:root {
  /* Brand palette */
  --qse-navy:             #1A2E4A;
  --qse-navy-deep:        #142338;
  --qse-green:            #2D8C5A;
  --qse-green-aa-light:   #1F6B44;
  --qse-green-aa-dark:    #4DC484;

  /* Foreground */
  --qse-fg-on-light-primary:   #0F1D2E;
  --qse-fg-on-light-secondary: #4A5568;
  --qse-fg-on-light-muted:     #6B7280;
  --qse-fg-on-dark-primary:    #EEF2F7;
  --qse-fg-on-dark-secondary:  #A8BCCF;
  --qse-fg-on-dark-muted:      #7A95AB;

  /* Backgrounds */
  --qse-bg-light:     #F7F9FC;
  --qse-bg-white:     #FFFFFF;
  --qse-bg-light-alt: #EEF3F8;
  --qse-bg-dark:      #1A2E4A;
  --qse-bg-dark-alt:  #142338;

  /* Borders */
  --qse-divider: #D4DCE8;
  --qse-border-on-dark: rgba(255,255,255,0.12);

  /* Typography */
  --qse-font-serif: 'Merriweather', Georgia, serif;
  --qse-font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --qse-font-mono:  'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* Type scale */
  --qse-hero-h1:    clamp(2.4rem, 5vw, 3.6rem);
  --qse-section-h2: clamp(1.8rem, 3vw, 2.5rem);
  --qse-card-h3:    1.25rem;
  --qse-body:       1rem;
  --qse-small:      0.875rem;

  /* Spacing */
  --qse-container-max: 1200px;
  --qse-section-pad-v: clamp(64px, 8vw, 112px);
  --qse-section-pad-h: clamp(20px, 5vw, 40px);
  --qse-gap-md: 32px;
  --qse-gap-lg: 48px;

  /* Radius */
  --qse-radius-sm: 4px;
  --qse-radius-md: 8px;
  --qse-radius-lg: 12px;

  /* Shadows */
  --qse-shadow-card: 0 2px 16px rgba(26,46,74,0.10);
  --qse-shadow-card-hover: 0 6px 28px rgba(26,46,74,0.16);
}