/* Base / structural tokens shared by every direction.
   Direction files (.dir-*) override the brand-specific values:
   colors, fonts, radius, borders, shadows. These are the constants. */
:root {
  /* spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* type scale */
  --fs-caption: 12px;
  --fs-label: 13px;
  --fs-body: 15px;
  --fs-body-lg: 17px;
  --fs-h3: 21px;
  --fs-h2: 28px;
  --fs-h1: 38px;
  --fs-display: 54px;

  /* fallback brand tokens (overridden by .dir-*) */
  --font-display: ui-sans-serif, system-ui, sans-serif;
  --font-body: ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
}