/* Generated from wiwo.tokens.json. Do not edit this file directly. */
:root,
body[data-theme="light"] {
  color-scheme: light dark;
  --wiwo-blue: #4242FF;
  --wiwo-blue-700: #2F31D9;
  --wiwo-green: #3BFF00;
  --wiwo-beige: #F8FAD7;
  --wiwo-beige-alt: #EDEFDD;
  --wiwo-ink: #292929;
  --white: #FFFFFF;
  --accent-coral: #FF6F61;
  --accent-sky: #A8C7FA;
  --accent-mint: #C3ECD0;
  --ok: #0F7A34;
  --warn: #9B6600;
  --danger: #BA1A1A;
  --chart-primary: var(--wiwo-blue);
  --chart-positive: var(--wiwo-green);
  --chart-attention: #A8C7FA;
  --chart-warning: #FFB84D;
  --chart-danger: var(--danger);
  --chart-neutral: #8B8B7A;
  --chart-purple: #8D7CFF;
  --chart-mint: var(--accent-mint);
  --wiwo-gradient-primary: linear-gradient(103deg, var(--wiwo-green) 0%, var(--wiwo-blue) 85%);
  --wiwo-gradient-soft: linear-gradient(135deg, rgba(59, 255, 0, .34) 0%, rgba(66, 66, 255, .28) 100%);
  --wiwo-gradient-dark: linear-gradient(103deg, var(--wiwo-green) 0%, var(--wiwo-blue) 58%, var(--surface-inverse) 100%);
  --wiwo-gradient-animated: linear-gradient(103deg, var(--wiwo-green), #6DFF7C, var(--wiwo-blue), var(--wiwo-green));
  --glass-fill: rgba(255, 255, 255, .24);
  --glass-fill-strong: rgba(255, 255, 255, .36);
  --glass-fill-dark: rgba(41, 41, 41, .34);
  --glass-stroke: rgba(255, 255, 255, .42);
  --glass-highlight: rgba(255, 255, 255, .74);
  --glass-blur: 22px;
  --shadow-1: 0 1px 2px rgba(41, 41, 41, .08), 0 8px 28px rgba(41, 41, 41, .08);
  --shadow-2: 0 18px 42px rgba(41, 41, 41, .16);
  --shadow-expressive: 0 24px 70px rgba(66, 66, 255, .18), 0 8px 28px rgba(41, 41, 41, .12);
  --shadow-glass: 0 26px 76px rgba(41, 41, 41, .22), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(255, 255, 255, .2);
  --radius-card: 8px;
  --radius-control: 999px;
  --shape-xs: 6px;
  --shape-sm: 12px;
  --shape-md: 18px;
  --shape-lg: 28px;
  --shape-xl: 40px;
  --shape-full: 999px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-2-5: .625rem;
  --measure-display: 12ch;
  --measure-lead: 36ch;
  --measure-body: 62ch;
  --font-system: "Plus Jakarta Sans", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --weight-body: 400;
  --weight-meta: 500;
  --weight-nav: 600;
  --weight-action: 700;
  --weight-display: 800;
  --step--1: clamp(.82rem, .79rem + .16vw, .92rem);
  --step-0: clamp(.96rem, .92rem + .24vw, 1.08rem);
  --step-1: clamp(1.16rem, 1.04rem + .55vw, 1.42rem);
  --step-2: clamp(1.42rem, 1.16rem + 1.12vw, 2.05rem);
  --step-3: clamp(2.1rem, 1.54rem + 2.24vw, 3.5rem);
  --step-4: clamp(3rem, 2.16rem + 3.6vw, 5.7rem);
  --ease-expressive: cubic-bezier(.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(.3, 0, 0, 1);
  --motion-fast: 160ms;
  --motion-medium: 280ms;
  --motion-slow: 420ms;
  --motion-loop: 6800ms;
  --icon-size-sm: 18px;
  --icon-size-md: 20px;
  --icon-size-lg: 24px;
  --icon-stroke: 2;
  --disabled-opacity: .48;
  --ink: var(--wiwo-ink);
  --ink-2: #3F3F3F;
  --surface: var(--wiwo-beige);
  --surface-2: var(--wiwo-beige-alt);
  --surface-3: #E8F0FE;
  --surface-container-low: var(--wiwo-beige);
  --surface-container: var(--wiwo-beige-alt);
  --surface-container-high: var(--wiwo-beige-alt);
  --surface-inverse: var(--wiwo-ink);
  --ink-inverse: var(--wiwo-beige);
  --muted: #66645D;
  --muted-inverse: rgba(248, 250, 215, .74);
  --line: #D8D2C4;
  --control-surface: rgba(255, 253, 233, .76);
  --control-surface-hover: var(--white);
  --on-accent: var(--wiwo-ink);
  --error: var(--danger);
  --error-soft: rgba(186, 26, 26, .1);
  --focus-ring: rgba(66, 66, 255, .52);
  --focus-glow: rgba(66, 66, 255, .16);
  --chart-grid: rgba(41, 41, 41, .12);
}

body[data-theme="dark"] {
  color-scheme: dark;
  --ink: var(--wiwo-beige);
  --ink-2: var(--wiwo-beige-alt);
  --surface: var(--wiwo-ink);
  --surface-2: #303030;
  --surface-3: #343434;
  --surface-container-low: #303030;
  --surface-container: #363636;
  --surface-container-high: #424242;
  --surface-inverse: var(--wiwo-beige);
  --ink-inverse: var(--wiwo-ink);
  --muted: rgba(248, 250, 215, .66);
  --muted-inverse: rgba(41, 41, 41, .68);
  --line: rgba(248, 250, 215, .16);
  --control-surface: rgba(255, 255, 255, .06);
  --control-surface-hover: rgba(255, 255, 255, .1);
  --on-accent: var(--wiwo-ink);
  --error: #FFB4AB;
  --error-soft: rgba(255, 180, 171, .14);
  --focus-ring: rgba(59, 255, 0, .72);
  --focus-glow: rgba(59, 255, 0, .18);
  --chart-grid: rgba(248, 250, 215, .16);
}