/* knh-tokens.css — Knowharbor Design Tokens */
:root {
  /* Brand palette */
  --knh-brand-primary:         #0B1929;
  --knh-brand-secondary:       #0F2744;
  --knh-accent-decorative:     #00C4B4;
  --knh-accent-aa-on-light:    #007A70;
  --knh-accent-aa-on-dark:     #00C4B4;

  /* Foreground — context-paired */
  --knh-fg-on-light-primary:   #0B1929;
  --knh-fg-on-light-secondary: #475A6B;
  --knh-fg-on-dark-primary:    #EDF2F7;
  --knh-fg-on-dark-secondary:  #8BA3BC;

  /* Backgrounds */
  --knh-bg-light:              #F4F7FA;
  --knh-bg-white:              #FFFFFF;
  --knh-bg-dark:               #0B1929;
  --knh-bg-dark-alt:           #0F2744;
  --knh-bg-tint:               #EAF4F3;

  /* Borders */
  --knh-border-light:          #DDE5EE;
  --knh-border-dark:           #1E3A52;

  /* Typography */
  --knh-font-heading: 'Inter', system-ui, sans-serif;
  --knh-font-body:    'Inter', system-ui, sans-serif;
  --knh-font-mono:    'JetBrains Mono', 'Fira Code', Consolas, 'Courier New', monospace;

  --knh-h1: clamp(2.25rem, 5vw, 3.5rem);
  --knh-h2: clamp(1.6rem, 3vw, 2.4rem);
  --knh-h3: clamp(1.1rem, 2vw, 1.5rem);
  --knh-body: 1rem;
  --knh-small: 0.875rem;
  --knh-lh: 1.6;

  /* Spacing */
  --knh-section-py: clamp(4rem, 8vw, 7rem);
  --knh-container-max: 1200px;
  --knh-gutter: 1.5rem;

  /* Radius */
  --knh-radius-sm: 4px;
  --knh-radius-md: 8px;
  --knh-radius-lg: 12px;
  --knh-radius-xl: 16px;

  /* Shadows */
  --knh-shadow-sm: 0 1px 3px rgba(11,25,41,0.1), 0 1px 2px rgba(11,25,41,0.06);
  --knh-shadow-md: 0 4px 12px rgba(11,25,41,0.12), 0 2px 4px rgba(11,25,41,0.08);
  --knh-shadow-lg: 0 10px 30px rgba(11,25,41,0.15), 0 4px 10px rgba(11,25,41,0.1);

  /* Transitions */
  --knh-transition: 200ms ease;
  --knh-transition-md: 300ms ease;
}