/* GENERATED by scripts/sync-tokens.mjs from docs/v2/design/tokens.json — do not edit by hand. */
/* Campaign AI — Placard v1.0 design tokens */
:root {
  --color-paper: #F6F3EA;
  --color-card: #FFFEF9;
  --color-border: #E3DDCD;
  --color-border-strong: #C9C2B0;
  --color-text: #1A1813;
  --color-text-secondary: #57534A;
  --color-text-tertiary: #8A8578;
  --color-ink: #16140F;
  --color-yellow: #F0C808;
  --color-yellow-50: #FDF7DC;
  --color-yellow-100: #FAEEB5;
  --color-yellow-300: #F6DC5D;
  --color-yellow-500: #F0C808;
  --color-yellow-600: #D1AC00;
  --color-yellow-700: #A98900;
  --color-yellow-800: #6E5900;
  --color-yellow-900: #3D3100;
  --color-green: #176B3F;
  --color-green-400: #3F8F63;
  --color-success: #176B3F;
  --color-success-bg: #E6F2EA;
  --color-success-border: #B9D8C4;
  --color-warning: #96530A;
  --color-warning-bg: #FBEFDD;
  --color-warning-border: #EBD3AE;
  --color-danger: #C0362C;
  --color-danger-bg: #FAE9E7;
  --color-danger-border: #EFC5C0;
  --color-info: #2667C9;
  --color-info-bg: #E8EFFA;
  --color-info-border: #C2D4F0;
  --chart-1: #1A1813;
  --chart-2: #F0C808;
  --chart-3: #176B3F;
  --chart-4: #4A6FA5;
  --chart-5: #C06448;
  --chart-6: #8A8578;
  --font-display: var(--font-archivo, "Archivo"), sans-serif;
  --font-ui: var(--font-public-sans, "Public Sans"), sans-serif;
  --font-mono: var(--font-dm-mono, "DM Mono"), monospace;
  --text-display-xl: 64px;
  --text-display-xl--line-height: 0.92;
  --text-display-lg: 44px;
  --text-display-lg--line-height: 0.95;
  --text-title: 30px;
  --text-title--line-height: 1.15;
  --text-heading: 22px;
  --text-heading--line-height: 1.25;
  --text-subheading: 17px;
  --text-subheading--line-height: 1.3;
  --text-body: 16px;
  --text-body--line-height: 1.5;
  --text-body-sm: 14px;
  --text-body-sm--line-height: 1.45;
  --text-caption: 12.5px;
  --text-caption--line-height: 1.35;
  --text-mono: 13px;
  --text-mono--line-height: 1.4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sign: 0;
  --radius-control: 4px;
  --radius-card: 8px;
  --radius-modal: 12px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(18,17,13,.06);
  --shadow-2: 0 4px 12px -2px rgba(18,17,13,.10);
  --shadow-3: 0 12px 32px -8px rgba(18,17,13,.18);
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-deliberate: 240ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  --focus-ring: 0 0 0 2px var(--color-text), 0 0 0 5px var(--color-yellow-300);
  --color-raised: #FFFEF9;
  --color-scheme: light;
}

[data-theme="dark"] {
  --color-paper: #121210;
  --color-card: #1B1A17;
  --color-raised: #242320;
  --color-border: #35332D;
  --color-border-strong: #4A473F;
  --color-text: #F1EEE3;
  --color-text-secondary: #ADA896;
  --color-text-tertiary: #7E7A6C;
  --color-ink: #F1EEE3;
  --color-green: #5BC98B;
  --color-success: #5BC98B;
  --color-success-bg: #14241A;
  --color-success-border: #2A4A36;
  --color-warning: #E8A84C;
  --color-warning-bg: #2A1F10;
  --color-warning-border: #533E1F;
  --color-danger: #F07A6E;
  --color-danger-bg: #2C1512;
  --color-danger-border: #5A2A24;
  --color-info: #7CACF0;
  --color-info-bg: #131F30;
  --color-info-border: #27405F;
  --shadow-1: none;
  --shadow-2: none;
  --shadow-3: 0 12px 32px -8px rgba(0,0,0,.5);
  --color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-paper: #121210;
    --color-card: #1B1A17;
    --color-raised: #242320;
    --color-border: #35332D;
    --color-border-strong: #4A473F;
    --color-text: #F1EEE3;
    --color-text-secondary: #ADA896;
    --color-text-tertiary: #7E7A6C;
    --color-ink: #F1EEE3;
    --color-green: #5BC98B;
    --color-success: #5BC98B;
    --color-success-bg: #14241A;
    --color-success-border: #2A4A36;
    --color-warning: #E8A84C;
    --color-warning-bg: #2A1F10;
    --color-warning-border: #533E1F;
    --color-danger: #F07A6E;
    --color-danger-bg: #2C1512;
    --color-danger-border: #5A2A24;
    --color-info: #7CACF0;
    --color-info-bg: #131F30;
    --color-info-border: #27405F;
    --shadow-1: none;
    --shadow-2: none;
    --shadow-3: 0 12px 32px -8px rgba(0,0,0,.5);
    --color-scheme: dark;
}
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-deliberate: 0ms;
  }
}