:root {
  --periwinkle: #6E74EC;
  --periwinkle-pressed: #5860E0;
  --periwinkle-tint: #EEEFFB;
  --gold: #C2A05A;
  --gold-deep: #9A7C32;
  --gold-line: #E7DCBE;
  --gold-tint: #FBF4E2;
  --ink: #20223A;
  --muted: #717590;
  --surface: #FFFFFF;
  --bg: #F1F1F8;
  --hairline: #ECEAF7;
  --success: #3E9E6E;
  --danger: #C2566A;
  --danger-tint: #FBEFF1;
  --wash-from: #FBFBFF;
  --wash-to: #F5F6FE;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 13px;
  --radius-xl: 18px;
  --shadow-btn: 0 8px 22px rgba(110,116,236,.30);
  --shadow-card: 0 12px 34px rgba(40,40,90,.08);
  --font-display: "Fraunces";
  --font-body: "Inter";
}
@media (prefers-color-scheme: dark) {
  :root {
    --periwinkle: #8B92F2;
    --periwinkle-tint: #23263C;
    --gold-deep: #D8BA78;
    --gold-line: #4A3F28;
    --gold-tint: #2A2413;
    --ink: #ECECF1;
    --muted: #9AA0AE;
    --surface: #191B29;
    --bg: #0B0C14;
    --hairline: #2A2D40;
    --wash-from: #13151F;
    --wash-to: #0C0D15;
  }
}