:root{
  color-scheme:light dark;
  --cloud-gray:#f2f2f4;
  --purple-charcoal:#24212b;
  --sunset-orange:#ff9b2f;
  --olu-coral:#ea576f;
  --olu-orchid:#b238cc;
  --lotus-violet:#7627f2;
  --gradient-signature:linear-gradient(90deg,#c9812f 0%,#ad4a5c 38%,#833f8f 68%,#4a4552 100%); /* @kind color */
  --color-background:var(--cloud-gray);
  --color-surface:#ffffff;
  --color-surface-raised:#ffffff;
  --color-text:var(--purple-charcoal);
  --color-text-muted:#5a5763;
  --color-border:#dcdadf;
  --color-accent-orange:var(--sunset-orange);
  --color-accent-coral:var(--olu-coral);
  --color-accent-orchid:var(--olu-orchid);
  --color-accent-violet:var(--lotus-violet);
  --color-focus-ring:#BDAFC5;
  --color-link:var(--olu-coral);
  --color-link-hover:var(--sunset-orange);
  --shadow-card:0 1px 3px rgba(36,33,43,.08),0 4px 16px rgba(36,33,43,.06);
  --shadow-raised:0 4px 12px rgba(36,33,43,.10),0 12px 32px rgba(36,33,43,.10);
  --color-btn-primary-bg:#786A84;
  --color-btn-primary-hover:#665A70;
  --color-btn-primary-tint:#BDAFC5;
}
@media (prefers-color-scheme:dark){
  :root{
    --color-background:var(--purple-charcoal);
    --color-surface:#2c2833;
    --color-surface-raised:#332e3d;
    --color-text:var(--cloud-gray);
    --color-text-muted:#b6b2bd;
    --color-border:#43404b;
    --color-link:var(--olu-coral);
    --color-link-hover:var(--sunset-orange);
    --shadow-card:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.24);
    --shadow-raised:0 4px 12px rgba(0,0,0,.36),0 12px 32px rgba(0,0,0,.32);
  }
}