/* =========================================================================
   Poker Jamie — Base Foundations
   Single source of truth for typography + spacing primitives.
   Theme-specific colors live in theme.css.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  --font-serif:   'Instrument Serif', ui-serif, Georgia, 'Times New Roman', serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-system:  -apple-system, ui-sans-serif, system-ui, 'SF Pro Text', sans-serif;

  --t-eyebrow:    11px;
  --t-micro:      12px;
  --t-meta:       13px;
  --t-body:       15px;
  --t-lead:       17px;
  --t-h6:         20px;
  --t-h5:         24px;
  --t-h4:         32px;
  --t-h3:         40px;
  --t-h2:         56px;
  --t-h1:         72px;
  --t-display:    96px;

  --w-regular:    400;
  --w-medium:     500;
  --w-semibold:   600;
  --w-bold:       700;

  --lh-tight:     1.05;
  --lh-headline:  1.15;
  --lh-body:      1.5;

  --track-tight:  -0.02em;
  --track-normal: 0;
  --track-wide:   0.10em;
  --track-widest: 0.14em;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  --r-0: 0px;
  --r-1: 2px;
  --r-full: 999px;

  --bw-hair: 1px;
  --bw-bold: 2px;

  --ease:       cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-fast:   150ms;
  --dur-mid:    240ms;
  --dur-slow:   400ms;

  --max-w:      720px;
  --gutter:     20px;
}

* { box-sizing: border-box; }

html, body {
  font-family: var(--font-system);
  font-size: var(--t-body);
  line-height: var(--lh-body);
  font-weight: var(--w-regular);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-serif);
  font-weight: var(--w-regular);
  letter-spacing: var(--track-tight);
  line-height: var(--lh-tight);
  margin: 0;
}

p { margin: 0; }

.serif { font-family: var(--font-serif); letter-spacing: var(--track-tight); }
.mono  { font-family: var(--font-mono); }
.num   { font-family: var(--font-mono); font-feature-settings: "tnum"; letter-spacing: -0.01em; }

.eyebrow {
  font-family: var(--font-mono);
  font-size: var(--t-eyebrow);
  text-transform: uppercase;
  letter-spacing: var(--track-wide);
  font-weight: var(--w-medium);
}

::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; }