/* Generated from cube4-core/branding tokens.json. Do not edit: change tokens.json and rebuild. */
:root {
  --c4-bg: #F6F7FB;
  --c4-surface: #FFFFFF;
  --c4-ink: #0A1024;
  --c4-ink-2: #151E3A;
  --c4-muted: #5A6478;
  --c4-line: #E2E6EF;
  --c4-placeholder: #D5DBE8;
  --c4-accent: #1F5BFF;
  --c4-accent-deep: #1238B8;
  --c4-accent-soft: #EDF2FF;
  --c4-on-accent: #FFFFFF;
  --c4-mint: #067A52;
  --c4-mint-soft: #DDF7EC;
  --c4-coral: #D1361B;
  --c4-coral-soft: #FFEEEA;
  --c4-orange: #FF9F1C;
  --c4-orange-soft: #FFF0DF;
  --c4-orange-text: #9A4A00;
  --c4-brand-blue: #1F5BFF;
  --c4-brand-orange: #FF9F1C;
  --c4-brand-night: #070B1A;
  --c4-brand-paper: #F6F7FB;
  --c4-brand-orange-top: #FFB547;
  --c4-brand-orange-bottom: #FF7A00;
  --c4-brand-ice-top: #EAF2FF;
  --c4-brand-ice-bottom: #9FBEFF;
  --c4-gradient-orange: linear-gradient(180deg, #FFB547 0%, #FF7A00 100%);
  --c4-gradient-ice: linear-gradient(180deg, #EAF2FF 0%, #9FBEFF 100%);
  --c4-gradient-pulse: linear-gradient(135deg, #1F5BFF 0%, #00B2FF 100%);
  --c4-gradient-night: radial-gradient(120% 90% at 85% 0%, #1F5BFF55 0%, #070B1A00 60%), #070B1A;
  --c4-shadow-raised: 0 16px 40px rgba(10, 16, 36, 0.08);
  --c4-shadow-glow: 0 12px 32px rgba(31, 91, 255, 0.35);
  --c4-radius-sm: 8px;
  --c4-radius-md: 12px;
  --c4-radius-lg: 16px;
  --c4-radius-card: 20px;
  --c4-radius-sheet: 24px;
  --c4-radius-pill: 999px;
  --c4-space-xs: 4px;
  --c4-space-sm: 8px;
  --c4-space-md: 12px;
  --c4-space-lg: 16px;
  --c4-space-xl: 24px;
  --c4-space-xxl: 32px;
  --c4-space-xxxl: 48px;
  --c4-font-head: "Space Grotesk", system-ui, sans-serif;
  --c4-font-body: "Inter", system-ui, sans-serif;
}

/* Dark theme: opt in with data-theme="dark" on any element. */
[data-theme="dark"] {
  --c4-bg: #070B1A;
  --c4-surface: #0F1630;
  --c4-ink: #F4F6FB;
  --c4-ink-2: #D9DFEE;
  --c4-muted: #98A2B8;
  --c4-line: #222C4A;
  --c4-placeholder: #222C4A;
  --c4-accent: #4D8BFF;
  --c4-accent-deep: #1F5BFF;
  --c4-accent-soft: #13224F;
  --c4-on-accent: #070B1A;
  --c4-mint: #2EE6A6;
  --c4-mint-soft: #0B3326;
  --c4-coral: #FF7A5C;
  --c4-coral-soft: #3F160D;
  --c4-orange: #FFA940;
  --c4-orange-soft: #3A2408;
  --c4-orange-text: #FFB866;
}