:root { color-scheme: light dark; --background: #FAF7F4;
--surface: #FFFFFF;
--surfaceMuted: #F1EDF2;
--primary: #7B4FD1;
--primarySoft: #9876DB;
--primaryTint: #E7DFF7;
--primaryTintLight: #F6F3FC;
--textPrimary: #1E1627;
--textSecondary: #6F6378;
--textDisabled: #9A9499;
--hairline: #ECE7EE;
--border: #E9E3EC;
--savingsText: #A6761D;
--savingsFill: #FBEAB6;
--successText: #2E7D4F;
--successFill: #DDEEDF;
--danger: #B3261E;
--dangerTint: #FBE7E5;
--darkCard: #000000;
--overlay: rgba(0,0,0,0.45);
--coin: #F2B33D;
--coinEdge: #D9931C;
--rooBody: #E7A463;
--rooBelly: #F8DEBD;
--rooNose: #5A3B2E;
--rooEar: #F9A8B7;
--outline: #1E1627;
--onPrimary: #FFFFFF;
--moneyOut: #8A5A3C; }
    @media (prefers-color-scheme: dark) { :root { --background: #15111C;
--surface: #211B2B;
--surfaceMuted: #2A2335;
--primary: #A98BF0;
--primarySoft: #8E6BE0;
--primaryTint: #2F2544;
--primaryTintLight: #241C33;
--textPrimary: #F4F0FB;
--textSecondary: #B5ABC2;
--textDisabled: #7C7388;
--hairline: #2F2838;
--border: #352D40;
--savingsText: #F1C45C;
--savingsFill: #3A2F12;
--successText: #7CCB98;
--successFill: #17301F;
--danger: #F08A80;
--dangerTint: #3A1A17;
--darkCard: #000000;
--overlay: rgba(0,0,0,0.6);
--coin: #F2B33D;
--coinEdge: #D9931C;
--rooBody: #E7A463;
--rooBelly: #F8DEBD;
--rooNose: #5A3B2E;
--rooEar: #F9A8B7;
--outline: #1E1627;
--onPrimary: #15111C;
--moneyOut: #C79A7A; } }