/* Fewer — design tokens v1.0.0 · locked 2026-04-23 · logo D09 */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Grounds */
  --fewer-ground-teal:    #2d5f57;
  --fewer-ground-paper:   #f5f2ea;
  --fewer-ground-dark:    #14130f;
  --fewer-ground-white:   #ffffff;
  --fewer-ground-surface: #ece8dd;

  /* Ink */
  --fewer-ink:        #1a1915;
  --fewer-ink-muted:  #625f52;
  --fewer-ink-soft:   #9c9b90;
  --fewer-ink-cream:  #fbf8f0;

  /* Accents */
  --fewer-mint-on-teal: #d9ebe5;
  --fewer-mint-on-dark: #7cc9bc;
  --fewer-teal-soft:    #dce8e4;
  --fewer-warm-sell:    #8c5a1c;

  --fewer-line: #d9d4c5;

  /* Fonts */
  --fewer-font-serif:  'Newsreader', 'Instrument Serif', Georgia, serif;
  --fewer-font-accent: 'Instrument Serif', Georgia, serif;
  --fewer-font-sans:   'Inter', system-ui, sans-serif;
  --fewer-font-mono:   'JetBrains Mono', ui-monospace, monospace;

  /* Space */
  --fewer-sp-1:  4px;  --fewer-sp-2:  8px;  --fewer-sp-3:  12px; --fewer-sp-4:  16px;
  --fewer-sp-6:  24px; --fewer-sp-8:  32px; --fewer-sp-12: 48px; --fewer-sp-16: 64px;

  /* Radius */
  --fewer-r-sm: 3px; --fewer-r-md: 6px; --fewer-r-lg: 10px; --fewer-r-pill: 999px;

  /* Motion */
  --fewer-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --fewer-dur-fast: 120ms; --fewer-dur-base: 200ms;
}

/* Logo word (CSS-rendered alternative when pairing with graphic-only SVG) */
.fewer-logo-word {
  font-family: var(--fewer-font-serif);
  font-variation-settings: 'opsz' 72;
  font-weight: 500;
  font-size: 60px;
  letter-spacing: -0.02em;
  line-height: 1;
  text-transform: lowercase;
  color: var(--fewer-ink-cream);
}
.fewer-logo-lockup { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; }