[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;
}