/* Generated by scripts/build_design_tokens.py. Edit the generator. */
:root {
  --pb-space-0: 0rem;
  --pb-space-4: 0.25rem;
  --pb-space-8: 0.5rem;
  --pb-space-12: 0.75rem;
  --pb-space-16: 1rem;
  --pb-space-24: 1.5rem;
  --pb-space-32: 2rem;
  --pb-space-40: 2.5rem;
  --pb-space-48: 3rem;
  --pb-space-64: 4rem;
  --pb-space-80: 5rem;
  --pb-space-96: 6rem;
  --pb-radius-sm: 8px;
  --pb-radius-md: 16px;
  --pb-radius-lg: 24px;
  --pb-radius-xl: 32px;
  --pb-radius-pill: 999px;
  --pb-font: 'Nunito Sans', 'Noto Sans', system-ui, sans-serif;
  --pb-type-display-size: 2.5rem;
  --pb-type-display-line: 1.200000;
  --pb-type-display-weight: 800;
  --pb-type-h1-size: 2rem;
  --pb-type-h1-line: 1.250000;
  --pb-type-h1-weight: 800;
  --pb-type-h2-size: 1.5rem;
  --pb-type-h2-line: 1.333333;
  --pb-type-h2-weight: 800;
  --pb-type-h3-size: 1.25rem;
  --pb-type-h3-line: 1.400000;
  --pb-type-h3-weight: 700;
  --pb-type-body-lg-size: 1.125rem;
  --pb-type-body-lg-line: 1.555556;
  --pb-type-body-lg-weight: 600;
  --pb-type-body-size: 1rem;
  --pb-type-body-line: 1.500000;
  --pb-type-body-weight: 400;
  --pb-type-body-strong-size: 1rem;
  --pb-type-body-strong-line: 1.500000;
  --pb-type-body-strong-weight: 700;
  --pb-type-label-size: 1rem;
  --pb-type-label-line: 1.250000;
  --pb-type-label-weight: 700;
  --pb-type-caption-size: 0.875rem;
  --pb-type-caption-line: 1.428571;
  --pb-type-caption-weight: 600;
  --pb-type-micro-size: 0.75rem;
  --pb-type-micro-line: 1.333333;
  --pb-type-micro-weight: 700;
  --pb-touch-adult: 3rem;
  --pb-touch-child: 3.5rem;
  --pb-touch-play: 5.5rem;
  --pb-touch-gap: 0.5rem;
  --pb-motion-instant: 0ms;
  --pb-motion-fast: 120ms;
  --pb-motion-standard: 180ms;
  --pb-motion-enter: 240ms;
  --pb-motion-celebration: 600ms;
  --pb-z-base: 0;
  --pb-z-sticky: 10;
  --pb-z-navigation: 20;
  --pb-z-miniPlayer: 30;
  --pb-z-player: 40;
  --pb-z-overlay: 50;
  --pb-z-dialog: 60;
  --pb-z-toast: 70;
  --pb-border-width-decorative: 1px;
  --pb-border-width-functional: 2px;
  --pb-border-width-focus: 3px;
  --pb-focus-offset: 3px;
  --pb-layout-contentMax: 75rem;
  --pb-layout-navigationMinHeight: 4.5rem;
  --pb-layout-miniPlayerMinHeight: 5rem;
  --pb-ease: cubic-bezier(0.2, 0, 0, 1);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --pb-bg: #FFFCF4;
  --pb-surface: #FFFFFF;
  --pb-surface-raised: #FFFFFF;
  --pb-surface-muted: #F4EFE3;
  --pb-text: #24211C;
  --pb-text-muted: #534D43;
  --pb-border: #D9D0BE;
  --pb-border-strong: #766D5D;
  --pb-action: #FFC928;
  --pb-action-hover: #FFD447;
  --pb-action-pressed: #F2B800;
  --pb-on-action: #24211C;
  --pb-selected-bg: #FFF3C4;
  --pb-selected-fg: #664400;
  --pb-focus: #155A8A;
  --pb-success-fg: #17613B;
  --pb-success-bg: #DDF3E4;
  --pb-warning-fg: #664400;
  --pb-warning-bg: #FFF3C4;
  --pb-error-fg: #A12622;
  --pb-error-bg: #FFE3DF;
  --pb-info-fg: #155A8A;
  --pb-info-bg: #DEF1FF;
  --pb-audio-fg: #17613B;
  --pb-audio-bg: #DDF3E4;
  --pb-activity-sleep-fg: #61418C;
  --pb-activity-sleep-bg: #EFE6FF;
  --pb-activity-dance-fg: #8A3C0A;
  --pb-activity-dance-bg: #FFE5CC;
  --pb-activity-learn-fg: #155A8A;
  --pb-activity-learn-bg: #DEF1FF;
  --pb-disabled-bg: #F4EFE3;
  --pb-disabled-fg: #534D43;
  --pb-progress: #17613B;
  --pb-progress-track: #D9D0BE;
  --pb-shadow-1: 0 2px 8px rgb(36 33 28 / 0.06);
  --pb-shadow-2: 0 8px 24px rgb(36 33 28 / 0.08);
  --pb-shadow-3: 0 16px 48px rgb(36 33 28 / 0.12);
  --pb-shadow-0: none;
  --pb-scrim: rgb(0 0 0 / 0.60);
}
[data-theme="dark"] {
  color-scheme: dark;
  --pb-bg: #181C24;
  --pb-surface: #222834;
  --pb-surface-raised: #2D3542;
  --pb-surface-muted: #2D3542;
  --pb-text: #F5F2EA;
  --pb-text-muted: #C5CCD7;
  --pb-border: #2D3542;
  --pb-border-strong: #8995A7;
  --pb-action: #FFC928;
  --pb-action-hover: #FFD447;
  --pb-action-pressed: #F2B800;
  --pb-on-action: #24211C;
  --pb-selected-bg: #2D3542;
  --pb-selected-fg: #FFD447;
  --pb-focus: #8CCEFF;
  --pb-success-fg: #87D6A1;
  --pb-success-bg: #2D3542;
  --pb-warning-fg: #FFD447;
  --pb-warning-bg: #2D3542;
  --pb-error-fg: #FFA99D;
  --pb-error-bg: #2D3542;
  --pb-info-fg: #8CCEFF;
  --pb-info-bg: #2D3542;
  --pb-audio-fg: #87D6A1;
  --pb-audio-bg: #2D3542;
  --pb-activity-sleep-fg: #C7B0F2;
  --pb-activity-sleep-bg: #2D3542;
  --pb-activity-dance-fg: #FFAD66;
  --pb-activity-dance-bg: #2D3542;
  --pb-activity-learn-fg: #8CCEFF;
  --pb-activity-learn-bg: #2D3542;
  --pb-disabled-bg: #2D3542;
  --pb-disabled-fg: #C5CCD7;
  --pb-progress: #87D6A1;
  --pb-progress-track: #8995A7;
  --pb-shadow-1: 0 2px 8px rgb(36 33 28 / 0.16);
  --pb-shadow-2: 0 8px 24px rgb(36 33 28 / 0.2);
  --pb-shadow-3: 0 16px 48px rgb(36 33 28 / 0.28);
  --pb-shadow-0: none;
  --pb-scrim: rgb(0 0 0 / 0.60);
}
[data-theme="sleep"] {
  color-scheme: dark;
  --pb-bg: #211B18;
  --pb-surface: #2D2520;
  --pb-surface-raised: #3A3029;
  --pb-surface-muted: #3A3029;
  --pb-text: #F2E6D8;
  --pb-text-muted: #D0BFAE;
  --pb-border: #3A3029;
  --pb-border-strong: #A18E7C;
  --pb-action: #DAB86A;
  --pb-action-hover: #FFD447;
  --pb-action-pressed: #DAB86A;
  --pb-on-action: #24211C;
  --pb-selected-bg: #3A3029;
  --pb-selected-fg: #DAB86A;
  --pb-focus: #DAB86A;
  --pb-success-fg: #87D6A1;
  --pb-success-bg: #3A3029;
  --pb-warning-fg: #DAB86A;
  --pb-warning-bg: #3A3029;
  --pb-error-fg: #FFA99D;
  --pb-error-bg: #3A3029;
  --pb-info-fg: #8CCEFF;
  --pb-info-bg: #3A3029;
  --pb-audio-fg: #DAB86A;
  --pb-audio-bg: #3A3029;
  --pb-activity-sleep-fg: #D0BFAE;
  --pb-activity-sleep-bg: #3A3029;
  --pb-activity-dance-fg: #D0BFAE;
  --pb-activity-dance-bg: #3A3029;
  --pb-activity-learn-fg: #D0BFAE;
  --pb-activity-learn-bg: #3A3029;
  --pb-disabled-bg: #3A3029;
  --pb-disabled-fg: #D0BFAE;
  --pb-progress: #DAB86A;
  --pb-progress-track: #A18E7C;
  --pb-shadow-1: 0 2px 8px rgb(36 33 28 / 0.16);
  --pb-shadow-2: 0 8px 24px rgb(36 33 28 / 0.2);
  --pb-shadow-3: 0 16px 48px rgb(36 33 28 / 0.28);
  --pb-shadow-0: none;
  --pb-scrim: rgb(0 0 0 / 0.60);
}