/* Breakaway GTM design tokens. Source: brand/DESIGN_SYSTEM.md, palette D1 "oat, ink, plum" (2026-09-14).
   MASTER_PROMPT overrides: labels are Hanken sentence case (no mono, no uppercase); metrics are Archivo tabular. */

@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@700&family=Archivo:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600&family=Instrument+Serif&display=swap");

:root {
  /* families */
  --font-logo: "Antonio", "Archivo Narrow", Impact, sans-serif;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-editorial: "Instrument Serif", Georgia, serif;

  /* base ramps */
  --ink-900: #0E1013; --ink-800: #15171B; --ink-700: #22252B; --ink-600: #3E3B37; --ink-400: #6A665F; --ink-300: #8C8A84; --ink-200: #C9C2B6; --ink-100: #DDD7CC;
  --oat-50: #F8F5EE; --oat-100: #EDE6D8; --oat-200: #E4DCCB; --oat-300: #D8CEB9; --oat-400: #C9BCA2;
  --plum-700: #3F2733; --plum-600: #5B3A4A; --plum-500: #754B5E; --plum-300: #C79A95; --plum-100: #E9DCDF;
  --straw-600: #B79B5B; --straw-500: #D6C39A; --straw-300: #E3D3A6; --straw-100: #F1E9D3;
  --moss-700: #3E4A3D; --moss-600: #5C6B5A; --moss-500: #6F8069; --moss-300: #A9B3A2; --moss-100: #E1E5DC;
  --slate-600: #3C4551; --slate-500: #5B6677; --slate-300: #9AA3B0; --slate-100: #E3E6EA;

  /* semantic: text */
  --text-strong: var(--ink-900); --text-body: var(--ink-800); --text-muted: var(--ink-600); --text-subtle: var(--ink-400);
  --text-inverse: var(--oat-100); --text-inverse-muted: #B9B2A6;
  --text-accent: var(--plum-600); --text-link: var(--plum-600); --text-link-hover: var(--plum-700);

  /* semantic: surfaces */
  --surface-page: var(--oat-100); --surface-card: var(--oat-50); --surface-raised: #FCFAF5; --surface-sunken: var(--oat-200);
  --surface-inverse: var(--ink-800); --surface-inverse-deep: var(--ink-900);
  --surface-accent: var(--plum-600); --surface-accent-soft: var(--plum-100);

  /* semantic: lines */
  --line-hairline: rgba(21,23,27,.10); --line-default: rgba(21,23,27,.16); --line-strong: rgba(21,23,27,.34);
  --line-inverse: rgba(237,230,216,.20); --line-inverse-strong: rgba(237,230,216,.42);

  /* semantic: status */
  --status-positive: var(--moss-600); --status-positive-soft: var(--moss-100);
  --status-caution: var(--straw-600); --status-caution-soft: var(--straw-100);
  --status-critical: #8E3B2F; --status-critical-soft: #EFDAD5;
  --status-info: var(--slate-600); --status-info-soft: var(--slate-100);

  /* type scale */
  --fs-display-xl: 76px; --fs-display-l: 56px; --fs-display-m: 42px; --fs-display-s: 32px;
  --fs-title: 24px; --fs-body-l: 19px; --fs-body: 17px; --fs-body-s: 15px; --fs-caption: 13px;
  --lh-display: 0.98; --lh-display-s: 1.06; --lh-title: 1.22; --lh-body: 1.55; --lh-tight: 1.35;
  --ls-display: -0.03em; --ls-title: -0.015em;

  /* spacing */
  --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px;
  --space-32: 32px; --space-40: 40px; --space-56: 56px; --space-72: 72px; --space-96: 96px; --space-128: 128px;
  --page-max: 1200px; --page-pad: 32px; --section-y: 96px;
  --control-h-s: 34px; --control-h-m: 42px; --control-h-l: 52px;

  /* shape */
  --radius-6: 6px; --radius-10: 10px; --radius-14: 14px; --radius-22: 22px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(21,23,27,.06), 0 2px 6px rgba(21,23,27,.05);
  --shadow-md: 0 2px 4px rgba(21,23,27,.05), 0 10px 24px -8px rgba(21,23,27,.14);
  --shadow-lg: 0 4px 8px rgba(21,23,27,.05), 0 28px 60px -20px rgba(21,23,27,.22);
  --ring-focus: 0 0 0 3px rgba(91,58,74,.30);

  /* motion */
  --dur-fast: 120ms; --dur-base: 180ms; --dur-slow: 280ms; --dur-page: 420ms;
  --ease-out: cubic-bezier(.2,.8,.25,1); --ease-in-out: cubic-bezier(.5,0,.3,1);
}