/* Generated by Silverpoint from the design. A re-export replaces this file only while it is unchanged. */
:root {
  color-scheme: light dark;
  --control-height: 54px;
  --guru: var(--kanji);
  --hairline: #E2DBCF;
  --ink: #1A1714;
  --ink-faint: #8E867B;
  --ink-muted: #6B6259;
  --ink-muted-on-ink: #A2988B;
  --kanji: #C2417B;
  --kanji-text: #B03670;
  --on-fill: #FFFFFF;
  --paper: #F7F4ED;
  --radical: #3178A8;
  --radical-text: #2A6A98;
  --radius-card: 20px;
  --radius-control: 16px;
  --radius-pill: 14px;
  --radius-track: 4px;
  --space-card-x: 22px;
  --space-card-y: 20px;
  --space-gutter: 20px;
  --space-item: 12px;
  --space-section: 28px;
  --space-tight: 4px;
  --success: #3F7D3A;
  --success-text: #336F2E;
  --surface: #FFFFFF;
  --surface-sunk: #EDE8DE;
  --target-min: 44px;
  --vermillion: #D14524;
  --vermillion-text: #B83A1E;
  --vocabulary: #7B4EA8;
  --vocabulary-text: #7B4EA8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --hairline: #332D26;
    --ink: #F2EDE4;
    --ink-faint: #7A6F64;
    --ink-muted: #A2988B;
    --ink-muted-on-ink: #6B6259;
    --kanji-text: #E0709F;
    --paper: #14110E;
    --radical-text: #5CA0D8;
    --success-text: #5FAE5A;
    --surface: #201C18;
    --surface-sunk: #2A251F;
    --vermillion-text: #F2694A;
    --vocabulary-text: #A883DA;
  }
}