/* Drive PR Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --grey-900: #27241d;
  --grey-800: #423d33;
  --grey-700: #504a40;
  --grey-600: #625d52;
  --grey-500: #857f72;
  --grey-400: #a39e93;
  --grey-300: #b8b2a7;
  --grey-200: #d3cec4;
  --grey-100: #e8e6e1;
  --grey-50: #faf9f7;
  --white: #ffffff;
  --red-900: #610013;
  --red-800: #79001c;
  --red-700: #930024;
  --red-600: #aa022d;
  --red-500: #be1037;
  --red-400: #da3a55;
  --red-300: #ea6477;
  --red-200: #f597a4;
  --red-100: #fbcbd1;
  --red-50: #ffedef;
  --rose-900: #7f6061;
  --rose-800: #a37f80;
  --rose-700: #be999a;
  --rose-600: #dab4b5;
  --rose-500: #f8cfd0;
  --rose-400: #ffd8d9;
  --rose-300: #ffe1e2;
  --rose-200: #ffe8e8;
  --rose-100: #fff1f2;
  --rose-50: #fef8f8;
  --cyan-900: #044e54;
  --cyan-800: #0a6c74;
  --cyan-700: #0e7c86;
  --cyan-600: #14919b;
  --cyan-500: #2cb1bc;
  --cyan-400: #38bec9;
  --cyan-300: #54d1db;
  --cyan-200: #87eaf2;
  --cyan-100: #bef8fd;
  --cyan-50: #e0fcff;
  --lime-900: #2b4005;
  --lime-800: #42600c;
  --lime-700: #507712;
  --lime-600: #63921a;
  --lime-500: #7bb026;
  --lime-400: #94c843;
  --lime-300: #abdb5e;
  --lime-200: #c7ea8f;
  --lime-100: #e2f7c2;
  --lime-50: #f2fde0;
  --surface-page: var(--grey-50);
  --surface-card: var(--white);
  --surface-muted: var(--grey-100);
  --surface-inverse: var(--grey-900);
  --surface-brand: var(--red-600);
  --text-body: var(--grey-900);
  --text-secondary: var(--grey-600);
  --text-muted: var(--grey-500);
  --text-inverse: var(--white);
  --text-link: var(--red-600);
  --text-on-brand: var(--white);
  --border-subtle: var(--grey-100);
  --border-default: var(--grey-200);
  --border-strong: var(--grey-400);
  --accent: var(--red-600);
  --accent-hover: var(--red-700);
  --accent-active: var(--red-800);
  --accent-tint: var(--red-50);
  --accent-tint-strong: var(--red-100);
  --cta: var(--rose-500);
  --cta-hover: var(--rose-600);
  --cta-text: var(--red-900);
  --info: var(--cyan-600);
  --info-tint: var(--cyan-50);
  --success: var(--lime-600);
  --success-tint: var(--lime-50);
  --warning: var(--rose-600);
  --warning-tint: var(--rose-50);
  --danger: var(--red-600);
  --danger-tint: var(--red-50);
}
:root {
  --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;
  --content-max: 1120px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --focus-ring: 0 0 0 2px #FAF9F7,0 0 0 4px #AA022D;
  --border-hairline: 1px solid #E8E6E1;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 40px;
  --text-3xl: 56px;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-body: 1.55;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-caps: 0.06em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --font-sans: system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;
  --font-mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}