/* Design tokens — Perosia Advisory
   Direction: "Clinical" — Syne display (uppercase, bold), Syne Mono for all body
   and chrome, greige + white surfaces, near-black ink, a single deep-indigo accent.
   High contrast, oversized type, massive whitespace, zero decoration.
   Change values here, not in component files. */

:root {
  /* Surfaces & ink */
  --color-bg: #e7e5df;         /* greige base (hero, alternating sections) */
  --color-surface: #ffffff;    /* white sections */
  --color-ink: #16171a;        /* near-black, cool */
  --color-ink-soft: #4c4d51;   /* secondary text */
  --color-muted: #7c7d82;      /* mono captions, meta */
  --color-line: #d6d4cc;       /* hairline on greige */
  --color-line-soft: #e7e5df;  /* hairline on white */
  --color-deep: #141518;       /* dark bands / footer */
  --color-on-dark: #c9cace;
  --color-on-dark-soft: #85868c;

  /* Accent — deep indigo */
  --color-accent: #2e2b57;
  --color-accent-hover: #3b3770;
  --color-accent-tint: #ecebf3;
  --color-on-accent: #ffffff;

  --color-border: rgba(22, 23, 26, 0.12);
  --color-border-on-dark: rgba(201, 202, 206, 0.16);

  /* Type families */
  --font-display: "Syne", system-ui, sans-serif;
  --font-mono: "Syne Mono", "Courier New", monospace;
  --font-body: "Syne Mono", "Courier New", monospace;

  /* Type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.84rem;
  --text-base: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.45rem;
  --text-2xl: 1.9rem;
  --text-3xl: 2.6rem;
  --text-4xl: 3.6rem;
  --text-5xl: 5rem;
  --text-6xl: 6.4rem;

  --leading-tight: 1.02;
  --leading-snug: 1.2;
  --leading-normal: 1.75;

  /* Spacing */
  --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;
  --space-40: 10rem;

  /* Layout */
  --content-max: 1200px;
  --content-narrow: 760px;

  --radius: 0;             /* clinical = sharp corners on structure */
  --radius-pill: 999px;    /* buttons only */

  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
}