/* ============================================================
   tokens.css — Metellus Partners Design Tokens
   Single source of truth for all CSS custom properties.
   Palette: Monochrome. No accent color.
   ============================================================ */

:root {

  /* --- Colors --- */
  --color-off-black:          #0A0A0A;
  --color-off-white:          #F7F7F5;
  --color-white:              #FFFFFF;

  /* Monochrome accent — white-based, no hue */
  --color-accent:              rgba(255, 255, 255, 0.90);
  --color-accent-subtle:       rgba(255, 255, 255, 0.15);
  --color-accent-rule:         rgba(255, 255, 255, 0.22);

  /* Legacy aliases — resolved to monochrome so no existing references break */
  --color-accent-maroon:       rgba(255, 255, 255, 0.90);
  --color-accent-maroon-dark:  rgba(255, 255, 255, 0.70);
  --color-accent-blue:         rgba(255, 255, 255, 0.90);
  --color-accent-blue-dark:    rgba(255, 255, 255, 0.70);

  --color-text-primary:       #0A0A0A;
  --color-text-muted:         #5C637A;
  --color-text-white:         #FFFFFF;

  --color-light-gray:         #EEEFF1;
  --color-dark-gray:          #212121;
  --color-surface-alt:        #F4F4F4;

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

  --type-display-size:     clamp(2.5rem, 6vw, 5rem);
  --type-display-weight:   800;
  --type-display-leading:  1.05;
  --type-display-tracking: -0.03em;

  --type-title-size:     clamp(1.75rem, 3vw, 2.5rem);
  --type-title-weight:   700;
  --type-title-leading:  1.15;
  --type-title-tracking: -0.02em;

  --type-lead-size:     clamp(1.125rem, 1.5vw, 1.375rem);
  --type-lead-weight:   400;
  --type-lead-leading:  1.5;
  --type-lead-tracking: 0;

  --type-body-size:     1rem;
  --type-body-weight:   400;
  --type-body-leading:  1.65;
  --type-body-tracking: 0;

  --type-button-size:     0.9375rem;
  --type-button-weight:   500;
  --type-button-leading:  1;
  --type-button-tracking: 0.01em;

  --type-meta-size:     0.8125rem;
  --type-meta-weight:   400;
  --type-meta-leading:  1.4;
  --type-meta-tracking: 0.02em;

  /* --- Spacing --- */
  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  1.5rem;
  --spacing-lg:  3rem;
  --spacing-xl:  5rem;
  --spacing-2xl: 8rem;

  --spacing-container-max: 1440px;
  --spacing-content-max:   1120px;

  /* --- Transitions --- */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
}