[data-theme="dark"] {
  --r1-background: #090B0F;
  --r1-surface: #171B21;
  --r1-surface-raised: #23262F;
  --r1-foreground: #F2F3F5;
  --r1-muted: #A3ABB8;
  --r1-border: #657180;
  --r1-accent: #B6FF2E;
  --r1-on-accent: #101708;
  --r1-accent-text: #B6FF2E;
  --r1-ready: #B6FF2E;
  --r1-ready-surface: #26341A;
  --r1-controlled: #E7CB87;
  --r1-controlled-surface: #383121;
  --r1-recovery: #D6B2AE;
  --r1-recovery-surface: #382B2C;
  --r1-sleep: #C5B8EC;
  --r1-sleep-surface: #2D293A;
  --r1-danger: #FFB4AB;
  --r1-danger-surface: #492823;
  --r1-disabled: #85909E;
}
[data-theme="light"] {
  --r1-background: #F2F3F5;
  --r1-surface: #FFFFFF;
  --r1-surface-raised: #E6E9EE;
  --r1-foreground: #171B21;
  --r1-muted: #525B69;
  --r1-border: #778190;
  --r1-accent: #B6FF2E;
  --r1-on-accent: #101708;
  --r1-accent-text: #3B5900;
  --r1-ready: #3B5900;
  --r1-ready-surface: #E5F6C6;
  --r1-controlled: #745300;
  --r1-controlled-surface: #FFF0CC;
  --r1-recovery: #75433F;
  --r1-recovery-surface: #F5E1DE;
  --r1-sleep: #58477A;
  --r1-sleep-surface: #EDE7FA;
  --r1-danger: #9E2720;
  --r1-danger-surface: #FFE1DD;
  --r1-disabled: #657080;
}
:root {
  --r1-space-xs: 4px;
  --r1-space-sm: 8px;
  --r1-space-md: 12px;
  --r1-space-lg: 16px;
  --r1-space-xl: 20px;
  --r1-space-xxl: 24px;
  --r1-space-xxxl: 32px;
  --r1-space-section: 40px;
  --r1-space-page: 48px;
  --r1-radius-sm: 8px;
  --r1-radius-md: 12px;
  --r1-radius-lg: 16px;
  --r1-radius-card: 24px;
  --r1-radius-sheet: 28px;
  --r1-radius-pill: 999px;
  --r1-size-touch: 48px;
  --r1-size-icon-small: 16px;
  --r1-size-icon: 24px;
  --r1-size-icon-large: 32px;
  --r1-size-content-max: 560px;
  --r1-motion-fast: 120ms;
  --r1-motion-normal: 200ms;
  --r1-motion-slow: 320ms;
}