/* tokens-base.css
   Atrium Works structural design tokens.
   Spacing, typography, breakpoints, and theme-independent primitives.
   Palette/theme overrides live in tokens.css.
*/

/* Core, non-theme-specific tokens */
:root {
  /* Layout & typography */
  --aw-font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --aw-font-serif:
    ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --aw-font-monospace:
    ui-monospace, "SF Mono", Monaco, "Cascadia Mono", "Segoe UI Mono",
    "Roboto Mono", "Liberation Mono", "Courier New", monospace;

  /* Layout dimensions */
  --aw-content-width: 780px;
  --aw-content-width-wide: 960px;
  --aw-nav-height: 56px;
  --aw-border-radius: 4px;
  --aw-radius-pill: 9999px;

  /* Spacing scale (4px base) */
  --aw-space-0: 0;
  --aw-space-1: 0.25rem; /* 4px */
  --aw-space-2: 0.5rem; /* 8px */
  --aw-space-3: 0.75rem; /* 12px */
  --aw-space-4: 1rem; /* 16px */
  --aw-space-5: 1.5rem; /* 24px */
  --aw-space-6: 2rem; /* 32px */
  --aw-space-7: 3rem; /* 48px */
  --aw-space-8: 4rem; /* 64px */
  --aw-space-9: 5rem; /* 80px */
  --aw-space-10: 6rem; /* 96px */

  /* Typography scale */
  --aw-font-size-xs: 0.75rem; /* 12px */
  --aw-font-size-sm: 0.875rem; /* 14px */
  --aw-font-size-base: 1rem; /* 16px */
  --aw-font-size-lg: 1.125rem; /* 18px */
  --aw-font-size-xl: 1.25rem; /* 20px */
  --aw-font-size-2xl: 1.5rem; /* 24px */
  --aw-font-size-3xl: 1.875rem; /* 30px */
  --aw-font-size-4xl: 2.25rem; /* 36px */

  /* Fluid type scale (used for headings) */
  --aw-h1-size: clamp(2rem, 5vw, 3.5rem);
  --aw-h2-size: clamp(1.5rem, 3vw, 2.25rem);
  --aw-h3-size: clamp(1.125rem, 2vw, 1.5rem);
  --aw-pull-quote-size: clamp(1.25rem, 3vw, 1.75rem);

  /* Letter spacing */
  --aw-letter-spacing-wide: 0.12em;
  --aw-letter-spacing-tight: -0.01em;

  /* Line heights */
  --aw-line-height-tight: 1.1;
  --aw-line-height-snug: 1.25;
  --aw-line-height-body: 1.65;
  --aw-line-height-relaxed: 1.75;

  /* Font weights */
  --aw-weight-regular: 400;
  --aw-weight-medium: 500;
  --aw-weight-semibold: 600;
  --aw-weight-bold: 700;

  /* Responsive breakpoints (reference values; not consumable in @media) */
  --aw-breakpoint-sm: 640px;
  --aw-breakpoint-md: 768px;
  --aw-breakpoint-lg: 1024px;
  --aw-breakpoint-xl: 1280px;

  /* Motion */
  --aw-transition-fast: 120ms ease;
  --aw-transition-base: 200ms ease;
}