/* lwr-tokens.css — Design tokens for Lingowright */
:root {
  /* Brand palette */
  --lwr-brand-primary: #0C1A2E;
  --lwr-accent-decorative: #38E09B;
  --lwr-accent-aa-on-light: #1A9968;
  --lwr-accent-aa-on-dark: #38E09B;

  /* Foreground tokens */
  --lwr-fg-on-light-primary: #0C1A2E;
  --lwr-fg-on-light-secondary: #4A5E6E;
  --lwr-fg-on-dark-primary: #EDF5F1;
  --lwr-fg-on-dark-secondary: #8ABBA8;

  /* Background tokens */
  --lwr-bg-light: #F4F8F5;
  --lwr-bg-white: #FFFFFF;
  --lwr-bg-dark: #0C1A2E;
  --lwr-bg-dark-alt: #112237;
  --lwr-bg-card-light: #EBF2EE;
  --lwr-bg-code: #0A1526;

  /* Border tokens */
  --lwr-border-light: #D4E8DD;
  --lwr-border-dark: #1E3A50;
  --lwr-border-medium: #C2D8CE;

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

  /* Scale */
  --lwr-text-display: clamp(48px, 5.5vw, 72px);
  --lwr-text-h1: clamp(36px, 4vw, 52px);
  --lwr-text-h2: clamp(26px, 2.8vw, 40px);
  --lwr-text-h3: clamp(18px, 1.8vw, 24px);
  --lwr-text-body: 16px;
  --lwr-text-sm: 14px;
  --lwr-text-xs: 12px;

  /* Line heights */
  --lwr-lh-display: 1.1;
  --lwr-lh-heading: 1.2;
  --lwr-lh-body: 1.65;

  /* Spacing */
  --lwr-space-section: clamp(64px, 8vw, 120px);
  --lwr-space-container: clamp(16px, 4vw, 40px);

  /* Container */
  --lwr-container-max: 1200px;
  --lwr-container-narrow: 760px;

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

  /* Transitions */
  --lwr-transition: 0.2s ease;
  --lwr-transition-slow: 0.35s ease;

  /* Shadow */
  --lwr-shadow-sm: 0 1px 3px rgba(12, 26, 46, 0.08), 0 1px 2px rgba(12, 26, 46, 0.06);
  --lwr-shadow-md: 0 4px 12px rgba(12, 26, 46, 0.12), 0 2px 4px rgba(12, 26, 46, 0.06);
  --lwr-shadow-lg: 0 8px 24px rgba(12, 26, 46, 0.16), 0 4px 8px rgba(12, 26, 46, 0.08);
  --lwr-shadow-dark: 0 4px 24px rgba(0, 0, 0, 0.4);

  /* Nav */
  --lwr-nav-h: 64px;
}