/* Generated from design/tokens.json by design/build-tokens.mjs. Do not edit by hand. */

:root {
  --cp-poulpy-blue: #3AA6E0;
  --cp-poulpy-ember: #D9622B;
  --cp-poulpy-ink: #141A26;
  --cp-lagoon-50: #EAF6FD;
  --cp-lagoon-100: #CDEBFA;
  --cp-lagoon-300: #7FCBF0;
  --cp-lagoon-400: #3AA6E0;
  --cp-lagoon-600: #1574B0;
  --cp-lagoon-800: #0C4A73;
  --cp-lagoon-900: #082F4A;
  --cp-ember-50: #FFF1E8;
  --cp-ember-100: #FFDCC7;
  --cp-ember-300: #F4A473;
  --cp-ember-400: #E8873F;
  --cp-ember-500: #D9622B;
  --cp-ember-600: #B4471C;
  --cp-ember-800: #7A2C12;
  --cp-neutral-0: #FFFFFF;
  --cp-neutral-50: #F4F9FC;
  --cp-neutral-100: #E6EFF5;
  --cp-neutral-300: #B6C4D0;
  --cp-neutral-500: #6B7C8C;
  --cp-neutral-700: #374555;
  --cp-neutral-900: #141A26;
  --cp-mood-proud: #2C9CE0;
  --cp-mood-happy: #3AA6E0;
  --cp-mood-recovering: #5DB4E6;
  --cp-mood-annoyed: #E8873F;
  --cp-mood-grumpy: #D9622B;
  --cp-mood-fuming: #C0352B;
  --cp-primary: #1574B0;
  --cp-on-primary: #FFFFFF;
  --cp-primary-container: #DDF0FB;
  --cp-on-primary-container: #082F4A;
  --cp-grumpy: #B4471C;
  --cp-on-grumpy: #FFFFFF;
  --cp-grumpy-container: #FFE6D6;
  --cp-on-grumpy-container: #4A1A0B;
  --cp-background: #F4F9FC;
  --cp-on-background: #141A26;
  --cp-surface: #FFFFFF;
  --cp-on-surface: #141A26;
  --cp-surface-variant: #E6EFF5;
  --cp-on-surface-variant: #56687A;
  --cp-outline: #D3E0E9;
  --cp-success: #2E9E6A;
  --cp-error: #C8264A;
  --cp-on-error: #FFFFFF;
  --cp-heat1: #FFE3C7;
  --cp-heat2: #FBA45E;
  --cp-heat3: #E2620F;
  --cp-pain: #7B3FD1;
  --cp-font-display: "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
  --cp-font-body: "Nunito", "Segoe UI", system-ui, sans-serif;
  --cp-type-display: 800 40px/44px var(--cp-font-display);
  --cp-type-title: 700 28px/32px var(--cp-font-display);
  --cp-type-headline: 700 21px/25px var(--cp-font-display);
  --cp-type-body: 500 16px/24px var(--cp-font-body);
  --cp-type-label: 800 12.5px/16px var(--cp-font-body);
  --cp-type-timer: 800 64px/64px var(--cp-font-body);
  --cp-space-xs: 4px;
  --cp-space-sm: 8px;
  --cp-space-md: 12px;
  --cp-space-lg: 16px;
  --cp-space-xl: 24px;
  --cp-space-xxl: 32px;
  --cp-space-xxxl: 48px;
  --cp-radius-sm: 10px;
  --cp-radius-md: 16px;
  --cp-radius-lg: 24px;
  --cp-radius-pill: 999px;
  --cp-motion-flip: 700ms cubic-bezier(0.5, -0.35, 0.35, 1.4);
  --cp-motion-mood: 300ms;
  --cp-motion-quick: 200ms;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cp-primary: #5BBEF0;
    --cp-on-primary: #06202F;
    --cp-primary-container: #123A52;
    --cp-on-primary-container: #CDEBFA;
    --cp-grumpy: #FF9A66;
    --cp-on-grumpy: #2A1006;
    --cp-grumpy-container: #3A1E12;
    --cp-on-grumpy-container: #FFDCC7;
    --cp-background: #0A1520;
    --cp-on-background: #E8F1F7;
    --cp-surface: #112230;
    --cp-on-surface: #E8F1F7;
    --cp-surface-variant: #17303F;
    --cp-on-surface-variant: #95AABB;
    --cp-outline: #21394A;
    --cp-success: #4CC38A;
    --cp-error: #FF6B85;
    --cp-on-error: #2A0610;
    --cp-heat1: #4A2A12;
    --cp-heat2: #B8601F;
    --cp-heat3: #FFA45C;
    --cp-pain: #C8A6FF;
  }
}

:root[data-theme="dark"] {
  --cp-primary: #5BBEF0;
  --cp-on-primary: #06202F;
  --cp-primary-container: #123A52;
  --cp-on-primary-container: #CDEBFA;
  --cp-grumpy: #FF9A66;
  --cp-on-grumpy: #2A1006;
  --cp-grumpy-container: #3A1E12;
  --cp-on-grumpy-container: #FFDCC7;
  --cp-background: #0A1520;
  --cp-on-background: #E8F1F7;
  --cp-surface: #112230;
  --cp-on-surface: #E8F1F7;
  --cp-surface-variant: #17303F;
  --cp-on-surface-variant: #95AABB;
  --cp-outline: #21394A;
  --cp-success: #4CC38A;
  --cp-error: #FF6B85;
  --cp-on-error: #2A0610;
  --cp-heat1: #4A2A12;
  --cp-heat2: #B8601F;
  --cp-heat3: #FFA45C;
  --cp-pain: #C8A6FF;
  color-scheme: dark;
}

:root[data-theme="light"] {
  color-scheme: light;
}