/* Pipo Ventures — site tokens. CANONICAL (design system Decisions 9): this file is the one
   source of the design tokens; DESIGN.md says how to change it. Light on :root; dark by
   prefers-color-scheme. No .t-* classes: set type with the text-*, track-* and lead-* variables. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/Inter-latin.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexMono-Regular-latin.woff2") format("woff2"); }

:root {
  color-scheme: light dark;
  --brand-black: #1c1c1e;
  --brand-white: #fdfbf7;
  --brand-gold: #b07a34;
  --ground: #fdfbf7;
  --ground-sunk: #f3f1ec;
  --band: #1c1c1e;
  --ink: #1c1c1e;
  --ink-muted: #4e4a43;
  --ink-faint: #6e6960;
  --gold-ink: #8a5f28;
  --focus: var(--gold-ink);
  --rule: #e2dfd8;
  --rule-strong: #85837e;
  --band-ink: #fdfbf7;
  --band-ink-muted: #b8b3aa;
  --band-link: #b07a34;
  --band-rule: #3a3a3c;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-display: clamp(40px, 6vw, 72px);
  --text-title: clamp(26px, 3.2vw, 36px);
  --text-heading: clamp(19px, 2.2vw, 24px);
  --text-lede: clamp(17px, 1.9vw, 20px);
  --text-contact: clamp(17px, 2.6vw, 24px);
  --text-fact: 18px;
  --text-body: 16px;
  --text-small: 14px;
  --text-label: 12px;
  --track-display: -0.035em;
  --track-title: -0.025em;
  --track-heading: -0.02em;
  --track-text: -0.01em;
  --track-label: 0.08em;
  --lead-display: 0.98;
  --lead-title: 1.1;
  --lead-heading: 1.2;
  --lead-tight: 1.3;
  --lead-text: 1.5;
  --lead-body: 1.65;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-none: 0;
  --radius-mark: 12px;
  --shell: 1240px;
  --gutter: clamp(16px, 3vw, 32px);
  --measure: 60ch;
  --measure-narrow: 46ch;
  --col-min: 300px;
  --col-min-fact: 168px;
  --col-entry-key: 168px;
  --measure-display: 15ch;
  --measure-title: 22ch;
  --mark-header: 40px;
  --caret-gap: 0.12em;
  --tap-min: 44px;
  --header-offset: 7rem;
  --stroke-hairline: 1px;
  --stroke-accent: 2px;
  --stroke-focus: 2px;
  --duration-fast: 120ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ground: #1c1c1e;
    --ground-sunk: #242426;
    --band: #fdfbf7;
    --ink: #fdfbf7;
    --ink-muted: #b8b3aa;
    --ink-faint: #96918a;
    --gold-ink: #b07a34;
    --rule: #3a3a3c;
    --rule-strong: #77756f;
    --band-ink: #1c1c1e;
    --band-ink-muted: #4e4a43;
    --band-link: #8a5f28;
    --band-rule: #e2dfd8;
  }
}

html { -webkit-text-size-adjust: 100%; scroll-padding-top: var(--header-offset); }
body { margin: 0; background: var(--ground); color: var(--ink); font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--lead-body); }