/* Hallmark · tokens · BIXS Exclusive Consulting Group
 * theme: custom · vibe: "graphite authority, emerald spark"
 * paper: oklch(7% 0 0) · accent: oklch(77% 0.20 155) emerald
 * display: Montserrat · body: Inter
 * axes: dark / geometric-sans / chromatic-other (green 155°)
 */

:root {
  /* — Colors — */
  --color-paper:          oklch(7% 0 0);
  --color-paper-2:        oklch(11% 0 0);
  --color-graphite:       oklch(17% 0.004 228);
  --color-graphite-mid:   oklch(38% 0.006 228);
  --color-graphite-light: oklch(56% 0.005 228);
  --color-graphite-xlight:oklch(86% 0.003 228);
  --color-accent:         oklch(77% 0.20 155);
  --color-accent-light:   oklch(82% 0.18 155);
  --color-accent-dim:     oklch(67% 0.18 155);
  --color-text-primary:   oklch(96% 0 0);
  --color-text-secondary: oklch(60% 0.004 228);
  --color-text-muted:     oklch(42% 0.003 228);
  --color-border:         oklch(100% 0 0 / 0.07);
  --color-border-mid:     oklch(100% 0 0 / 0.12);
  --color-border-strong:  oklch(100% 0 0 / 0.25);
  --color-focus:          oklch(77% 0.20 155);

  /* — Surfaces that adapt per theme (overridden in .theme-light) — */
  --color-hover:          oklch(11% 0 0);
  --shadow-card:          0 1px 3px oklch(0% 0 0 / 0.12), 0 4px 12px -4px oklch(0% 0 0 / 0.18);
  --shadow-card-hover:    0 2px 6px oklch(0% 0 0 / 0.14), 0 8px 24px -6px oklch(0% 0 0 / 0.24);
  --shadow-float:         0 4px 20px -4px oklch(0% 0 0 / 0.4), 0 1px 4px oklch(0% 0 0 / 0.2);

  /* — Typography — */
  --font-display: 'Montserrat', 'Arial Black', sans-serif;
  --font-body:    'Inter', 'Arial', sans-serif;

  /* — Text scale — */
  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-base:      1rem;
  --text-lg:        1.125rem;
  --text-xl:        1.25rem;
  --text-2xl:       1.5rem;
  --text-3xl:       1.875rem;
  --text-4xl:       2.25rem;
  --text-display-s: 3.5rem;
  --text-display:   5rem;

  /* — Spacing (4 pt scale) — */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* — Motion — */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:    140ms;
  --dur-base:    240ms;
  --dur-slow:    400ms;
  --dur-slower:  720ms;
  --dur-entrance: 1000ms;

  /* — Layout — */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --max-w:     1200px;

  /* — Rules — */
  --rule-hair: 1px solid var(--color-border);
  --rule-mid:  1px solid var(--color-border-mid);
}