/* Generated from design/system/tokens.json by `pnpm --filter @metrona/design-system generate`.
   Do not edit: change tokens.json and run the script again. */

:root {
  color-scheme: light;
  --canvas: #FAF8F5;
  --surface: #FFFFFF;
  --surface-sunken: #F3F0EB;
  --surface-raised: #FFFFFF;
  --surface-hover: #F1EDE7;
  --surface-selected: #ECE7F5;
  --border: #E7E2DC;
  --border-control: #8F889A;
  --ink: #16131D;
  --ink-muted: #5E5868;
  --ink-faint: #6E6878;
  --ink-inverse: #FAF8F5;
  --beat: #FF5A3C;
  --on-beat: #16131D;
  --beat-text: #C8391C;
  --beat-soft: #FFE9E4;
  --focus: #C8391C;
  --inverse: #16131D;
  --state-idea-fg: #4F4A59;
  --state-idea-bg: #EFECF2;
  --state-creating-fg: #5B3FD9;
  --state-creating-bg: #EFEBFF;
  --state-approval-fg: #8A5300;
  --state-approval-bg: #FFF1D6;
  --state-changes-fg: #A8326B;
  --state-changes-bg: #FCE8F1;
  --state-approved-fg: #0B6B5F;
  --state-approved-bg: #E2F5F1;
  --state-scheduled-fg: #2449B8;
  --state-scheduled-bg: #E6EDFF;
  --state-publishing-fg: #A8301A;
  --state-publishing-bg: #FFE9E4;
  --state-published-fg: #1C6B37;
  --state-published-bg: #E3F4E8;
  --state-failed-fg: #B42323;
  --state-failed-bg: #FDE7E7;
  --state-unclaimed-fg: #4F4A59;
  --state-unclaimed-bg: #FFFFFF;
  --state-expired-fg: #555B66;
  --state-expired-bg: #E9EBEE;
  --state-waiting-fg: #5C6300;
  --state-waiting-bg: #F2F4D9;
  --platform-instagram: #E1306C;
  --platform-tiktok: #16131D;
  --platform-youtube: #FF0033;
  --platform-x: #16131D;
  --platform-facebook: #1877F2;
  --shadow-card: 0 1px 2px rgba(22,19,29,0.06), 0 0 0 1px rgba(22,19,29,0.04);
  --shadow-popover: 0 12px 32px rgba(22,19,29,0.14), 0 2px 6px rgba(22,19,29,0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;
  --font-display: 'Bricolage Grotesque', system-ui, 'Segoe UI', sans-serif;
  --font-sans: 'Bricolage Grotesque', system-ui, 'Segoe UI', sans-serif;
  --type-display-size: 40px;
  --type-display-line-height: 44px;
  --type-display-weight: 650;
  --type-display-letter-spacing: -0.02em;
  --type-title-1-size: 28px;
  --type-title-1-line-height: 34px;
  --type-title-1-weight: 650;
  --type-title-1-letter-spacing: -0.015em;
  --type-title-2-size: 20px;
  --type-title-2-line-height: 26px;
  --type-title-2-weight: 600;
  --type-title-2-letter-spacing: -0.01em;
  --type-title-3-size: 16px;
  --type-title-3-line-height: 22px;
  --type-title-3-weight: 600;
  --type-body-size: 14px;
  --type-body-line-height: 20px;
  --type-body-weight: 400;
  --type-body-strong-size: 14px;
  --type-body-strong-line-height: 20px;
  --type-body-strong-weight: 600;
  --type-small-size: 12.5px;
  --type-small-line-height: 16px;
  --type-small-weight: 450;
  --type-label-size: 11px;
  --type-label-line-height: 14px;
  --type-label-weight: 600;
  --type-label-letter-spacing: 0.06em;
  --type-time-size: 12.5px;
  --type-time-line-height: 16px;
  --type-time-weight: 500;
  --type-stat-size: 24px;
  --type-stat-line-height: 28px;
  --type-stat-weight: 600;
  --type-stat-letter-spacing: -0.02em;
  --duration-fast: 60ms;
  --duration-base: 100ms;
  --duration-slow: 150ms;
  --duration-count: 1000ms;
  --duration-beat: 1200ms;
  --stagger: 14ms;
  --ease-standard: cubic-bezier(.2,0,0,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --ease-spring: cubic-bezier(.34,1.45,.64,1);
  --motion-distance: 12px;
  --motion-arrive-scale: 0.96;
  --motion-press-scale: 0.97;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #110F16;
  --surface: #1A1721;
  --surface-sunken: #0C0B10;
  --surface-raised: #221F2A;
  --surface-hover: #26222E;
  --surface-selected: #2C2640;
  --border: #2E2A36;
  --border-control: #6F687D;
  --ink: #F2EFEA;
  --ink-muted: #A39DAD;
  --ink-faint: #938D9E;
  --ink-inverse: #16131D;
  --beat: #FF5A3C;
  --on-beat: #16131D;
  --beat-text: #FF7A5E;
  --beat-soft: #3A1C16;
  --focus: #FF7A5E;
  --inverse: #F2EFEA;
  --state-idea-fg: #C9C3D3;
  --state-idea-bg: #26232D;
  --state-creating-fg: #B6A6FF;
  --state-creating-bg: #251F3D;
  --state-approval-fg: #FFC266;
  --state-approval-bg: #33270F;
  --state-changes-fg: #FF9CCB;
  --state-changes-bg: #3A1B2A;
  --state-approved-fg: #6BD8C7;
  --state-approved-bg: #122C28;
  --state-scheduled-fg: #9DB7FF;
  --state-scheduled-bg: #18213D;
  --state-publishing-fg: #FF8C73;
  --state-publishing-bg: #3A1C16;
  --state-published-fg: #7FD99B;
  --state-published-bg: #14301E;
  --state-failed-fg: #FF9A9A;
  --state-failed-bg: #3A1717;
  --state-unclaimed-fg: #C9C3D3;
  --state-unclaimed-bg: #1A1721;
  --state-expired-fg: #B9C0CC;
  --state-expired-bg: #23262C;
  --state-waiting-fg: #D4DC6B;
  --state-waiting-bg: #262810;
  --platform-instagram: #F0508A;
  --platform-tiktok: #F2EFEA;
  --platform-youtube: #FF3355;
  --platform-x: #F2EFEA;
  --platform-facebook: #4C95F5;
  --shadow-card: 0 0 0 1px rgba(255,255,255,0.04);
  --shadow-popover: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --canvas: #110F16;
    --surface: #1A1721;
    --surface-sunken: #0C0B10;
    --surface-raised: #221F2A;
    --surface-hover: #26222E;
    --surface-selected: #2C2640;
    --border: #2E2A36;
    --border-control: #6F687D;
    --ink: #F2EFEA;
    --ink-muted: #A39DAD;
    --ink-faint: #938D9E;
    --ink-inverse: #16131D;
    --beat: #FF5A3C;
    --on-beat: #16131D;
    --beat-text: #FF7A5E;
    --beat-soft: #3A1C16;
    --focus: #FF7A5E;
    --inverse: #F2EFEA;
    --state-idea-fg: #C9C3D3;
    --state-idea-bg: #26232D;
    --state-creating-fg: #B6A6FF;
    --state-creating-bg: #251F3D;
    --state-approval-fg: #FFC266;
    --state-approval-bg: #33270F;
    --state-changes-fg: #FF9CCB;
    --state-changes-bg: #3A1B2A;
    --state-approved-fg: #6BD8C7;
    --state-approved-bg: #122C28;
    --state-scheduled-fg: #9DB7FF;
    --state-scheduled-bg: #18213D;
    --state-publishing-fg: #FF8C73;
    --state-publishing-bg: #3A1C16;
    --state-published-fg: #7FD99B;
    --state-published-bg: #14301E;
    --state-failed-fg: #FF9A9A;
    --state-failed-bg: #3A1717;
    --state-unclaimed-fg: #C9C3D3;
    --state-unclaimed-bg: #1A1721;
    --state-expired-fg: #B9C0CC;
    --state-expired-bg: #23262C;
    --state-waiting-fg: #D4DC6B;
    --state-waiting-bg: #262810;
    --platform-instagram: #F0508A;
    --platform-tiktok: #F2EFEA;
    --platform-youtube: #FF3355;
    --platform-x: #F2EFEA;
    --platform-facebook: #4C95F5;
    --shadow-card: 0 0 0 1px rgba(255,255,255,0.04);
    --shadow-popover: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
  }
}