:root {
  --genius-background: #F7F3EB;
  --genius-surface: #FFFCF6;
  --genius-raised: #EDE5D8;
  --genius-ink: #292621;
  --genius-muted: #655D52;
  --genius-line: #D9CEBD;
  --genius-control-line: #927B63;
  --genius-action: #8C3D35;
  --genius-on-action: #FFF8ED;
  --genius-accent: #8C3D35;
  --genius-accent-soft: #F0DDD3;
  --genius-inverse: #151413;
  --genius-inverse-ink: #F7F3EB;
  --genius-inverse-muted: #C7BAA6;
  --genius-gold: #E7C78F;
  --genius-success: #32614A;
  --genius-success-soft: #E0EADF;
  --genius-warning: #80581F;
  --genius-warning-soft: #F5E8C8;
  --genius-danger: #A33236;
  --genius-danger-soft: #F6DDDA;
  --genius-info: #4D5D7A;
  --genius-info-soft: #E3E7EF;
  color-scheme: light;
}
:root[data-theme="black"] {
  --genius-background: #0D0F12;
  --genius-surface: #171A1F;
  --genius-raised: #22262C;
  --genius-ink: #F4EFE6;
  --genius-muted: #C1B7A8;
  --genius-line: #3A3D43;
  --genius-control-line: #8E8271;
  --genius-action: #8C3D35;
  --genius-on-action: #FFF8ED;
  --genius-accent: #E7C78F;
  --genius-accent-soft: #392E24;
  --genius-inverse: #08090B;
  --genius-inverse-ink: #F7F3EB;
  --genius-inverse-muted: #C7BAA6;
  --genius-gold: #E7C78F;
  --genius-success: #A3D6B6;
  --genius-success-soft: #1C372A;
  --genius-warning: #E9C780;
  --genius-warning-soft: #3C2F18;
  --genius-danger: #F1A4A4;
  --genius-danger-soft: #402224;
  --genius-info: #BACBED;
  --genius-info-soft: #243044;
  color-scheme: dark;
}
:root {
  --genius-space-4: 4px;
  --genius-space-8: 8px;
  --genius-space-12: 12px;
  --genius-space-16: 16px;
  --genius-space-24: 24px;
  --genius-space-32: 32px;
  --genius-space-48: 48px;
  --genius-space-64: 64px;
  --genius-radius-control: 8px;
  --genius-radius-panel: 12px;
}