/* tc-tokens.css — Technococo design tokens. Single source of truth. */

:root {
  /* Neutrals */
  --tc-bg: #0d100e;
  --tc-surface: #151a16;
  --tc-surface-raised: #1b211c;
  --tc-border: #303a31;
  --tc-border-strong: #46523f;
  --tc-text: #edf2eb;
  --tc-muted: #9da99d;

  /* Accents */
  --tc-primary: #e8ff47;
  --tc-primary-ink: #0d100e;
  --tc-secondary: #58a6ff;
  --tc-warning: #f2c75c;
  --tc-danger: #ff766b;
  --tc-focus: #58a6ff;

  /* Type */
  --tc-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tc-mono: "DM Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --tc-fs-meta: .6875rem;
  --tc-fs-micro: .75rem;
  --tc-fs-small: .875rem;
  --tc-fs-body: 1.125rem;
  --tc-fs-lead: clamp(1.0625rem, 1.6vw, 1.1875rem);
  --tc-fs-h4: 1.125rem;
  --tc-fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --tc-fs-h2: clamp(1.5rem, 2.8vw, 2rem);
  --tc-fs-h1: clamp(2rem, 4.4vw, 3rem);
  --tc-fs-display: clamp(2.25rem, 5.2vw, 3.5rem);

  --tc-lh-tight: 1.06;
  --tc-lh-heading: 1.2;
  --tc-lh-body: 1.65;
  --tc-tracking-tight: -.03em;
  --tc-tracking-meta: .12em;

  /* Layout */
  --tc-site-width: 1280px;
  --tc-content-width: 1040px;
  --tc-reading-width: 80ch;
  --tc-gutter: clamp(1rem, 3vw, 2rem);
  --tc-card-min: 280px;

  /* Spacing */
  --tc-space-1: .25rem;
  --tc-space-2: .5rem;
  --tc-space-3: .75rem;
  --tc-space-4: 1rem;
  --tc-space-6: 1.5rem;
  --tc-space-8: 2rem;
  --tc-space-12: 3rem;
  --tc-space-16: 4rem;
  --tc-space-24: 6rem;

  /* Surfaces & motion */
  --tc-radius: 3px;
  --tc-radius-lg: 4px;
  --tc-hit: 44px;
  --tc-transition: 120ms ease;
}

/* A light variant is not shipped. If one is added later, override the neutral
   tokens only — component CSS must never hardcode a color literal. */