:root {
  --screen-bg: #F6F2E9;
  --card-surface: #FFFFFF;
  --elevated: #ECE6D7;
  --menu-surface: #FFFFFF;
  --track: #E3DDCF;
  --hairline: rgba(40, 35, 24, 0.102);
  --text-high: #282318;
  --text-body: #3C3626;
  --text-muted: #5F5849;
  --text-faint: #756D5C;
  --gold: #B9853C;
  --gold-text: #85591C;
  --gold-gradient-start: #96661F;
  --gold-gradient-end: #7A5217;
  --on-gold: #FFF9EE;
  --on-gold-solid: #241503;
  --attention: #656B35;
  --green: #3E8E6C;
  --rose: #B85A76;
  --danger: #B85E5E;
  --mood-low: #4A63A8;
  --mood-mid: #7C7A78;
  --mood-high: #A5601D;
  --accent: #12796C;
  --accent-gradient-start: #1B8F80;
  --accent-gradient-end: #0C5F55;
  --on-accent: #FFFFFF;
  --sans: Vazirmatn, ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, Vazirmatn, serif;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);
  --gold-soft: color-mix(in srgb, var(--gold) 14%, transparent);
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px;
}
@media (prefers-color-scheme: dark) {
  :root {
  --screen-bg: #0A0E16;
  --card-surface: #121927;
  --elevated: #1B2334;
  --menu-surface: #10151F;
  --track: #232C3E;
  --hairline: rgba(255, 255, 255, 0.071);
  --text-high: #F1ECE1;
  --text-body: #C7C2B6;
  --text-muted: #A8A297;
  --text-faint: #8C8779;
  --gold: #E0B36A;
  --gold-text: #E0B36A;
  --gold-gradient-start: #EDBE72;
  --gold-gradient-end: #C08B3C;
  --on-gold: #241503;
  --on-gold-solid: #241503;
  --attention: #C4BE86;
  --green: #5BBF8A;
  --rose: #E289A3;
  --danger: #D88A8A;
  --mood-low: #8FA6E0;
  --mood-mid: #9C9C9E;
  --mood-high: #F5C06B;
  --accent: #3FBFAE;
  --accent-gradient-start: #4ECDBA;
  --accent-gradient-end: #2A9A8B;
  --on-accent: #04211C;
  }
}
:root[data-theme="dark"] {
  --screen-bg: #0A0E16;
  --card-surface: #121927;
  --elevated: #1B2334;
  --menu-surface: #10151F;
  --track: #232C3E;
  --hairline: rgba(255, 255, 255, 0.071);
  --text-high: #F1ECE1;
  --text-body: #C7C2B6;
  --text-muted: #A8A297;
  --text-faint: #8C8779;
  --gold: #E0B36A;
  --gold-text: #E0B36A;
  --gold-gradient-start: #EDBE72;
  --gold-gradient-end: #C08B3C;
  --on-gold: #241503;
  --on-gold-solid: #241503;
  --attention: #C4BE86;
  --green: #5BBF8A;
  --rose: #E289A3;
  --danger: #D88A8A;
  --mood-low: #8FA6E0;
  --mood-mid: #9C9C9E;
  --mood-high: #F5C06B;
  --accent: #3FBFAE;
  --accent-gradient-start: #4ECDBA;
  --accent-gradient-end: #2A9A8B;
  --on-accent: #04211C;
}
:root[data-theme="light"] {
  --screen-bg: #F6F2E9;
  --card-surface: #FFFFFF;
  --elevated: #ECE6D7;
  --menu-surface: #FFFFFF;
  --track: #E3DDCF;
  --hairline: rgba(40, 35, 24, 0.102);
  --text-high: #282318;
  --text-body: #3C3626;
  --text-muted: #5F5849;
  --text-faint: #756D5C;
  --gold: #B9853C;
  --gold-text: #85591C;
  --gold-gradient-start: #96661F;
  --gold-gradient-end: #7A5217;
  --on-gold: #FFF9EE;
  --on-gold-solid: #241503;
  --attention: #656B35;
  --green: #3E8E6C;
  --rose: #B85A76;
  --danger: #B85E5E;
  --mood-low: #4A63A8;
  --mood-mid: #7C7A78;
  --mood-high: #A5601D;
  --accent: #12796C;
  --accent-gradient-start: #1B8F80;
  --accent-gradient-end: #0C5F55;
  --on-accent: #FFFFFF;
}