/* Theme «daylight»: light, clean, soft shadows; the wallet hero is a solid violet card. */
:root[data-theme="daylight"] {
  --bg: #f4f4f9;
  --panel: #ffffff;
  --panel-solid: #ffffff;
  --panel-2: #f6f5fb;
  --panel-3: #efedf8;
  --sunken: #f6f5fb;
  --input-bg: #ffffff;
  --line: #e7e5f0;
  --line-2: #d6d3e6;
  --track: #ebe9f4;
  --text: #16152b;
  --muted: #5f5d7a;
  --faint: #8f8da8;
  --brand: #6d44f0;
  --brand-2: #6237e8;
  --brand-soft: rgba(109, 68, 240, .09);
  --brand-line: rgba(109, 68, 240, .35);
  --brand-grad: linear-gradient(135deg, #6d44f0, #8455f5);
  --brand-glow: 0 8px 20px -8px rgba(109, 68, 240, .55);
  --on-brand: #fff;
  --ok: #0e9f6e;   --ok-soft: rgba(14, 159, 110, .1);   --ok-ink: #0b6b4b;
  --weak: #c27803; --weak-soft: rgba(227, 160, 8, .12); --weak-ink: #7a4b02;
  --down: #e02454; --down-soft: rgba(224, 36, 84, .09); --down-ink: #b0163f;
  --info: #1c7ed6; --info-soft: rgba(28, 126, 214, .09); --info-ink: #145a99;
  --hero-bg: linear-gradient(180deg, rgba(109, 68, 240, .05), rgba(255, 255, 255, 0) 60%), #fff;
  --hero-line: #e2dcfb;
  --sidebar-bg: #ffffff;
  --topbar-bg: rgba(255, 255, 255, .82);
  --bottomnav-bg: rgba(255, 255, 255, .95);
  --nav-active-bg: rgba(109, 68, 240, .08);
  --nav-active-ring: none;
  --sheet-bg: #ffffff;
  --toast-bg: #1d1b33;
  --toast-ink: #fff;
  --backdrop: rgba(22, 21, 43, .35);
  --code-bg: #1b1930;
  --code-ink: #e3e0ff;
  --switch-off: #d9d7e6;
  --avatar-grad: linear-gradient(135deg, #6d44f0, #b04fe0);
  --bank-grad: linear-gradient(135deg, #4b23c8, #6d44f0 55%, #a855f7);
  --radius: 16px;
  --radius-sm: 12px;
  --radius-btn: 12px;
  --shadow: 0 18px 40px -20px rgba(30, 24, 70, .25);
  --shadow-card: 0 1px 2px rgba(30, 24, 70, .04), 0 6px 18px -10px rgba(30, 24, 70, .12);
  --blur: 14px;
  --w-head: 800;
  color-scheme: light;
}
:root[data-theme="daylight"] .aurora { background: radial-gradient(1000px 420px at 85% -180px, rgba(109, 68, 240, .1), transparent 70%), var(--bg); }
:root[data-theme="daylight"] .aurora i { display: none; }
:root[data-theme="daylight"] .brand img { box-shadow: 0 6px 16px -6px rgba(109, 68, 240, .5); }
:root[data-theme="daylight"] .avatar { box-shadow: 0 4px 12px -4px rgba(109, 68, 240, .5); }
:root[data-theme="daylight"] .nav-link { font-weight: 600; }
:root[data-theme="daylight"] .nav-link.is-active { color: var(--brand-2); }
:root[data-theme="daylight"] .side-support { background: var(--panel-2); }
:root[data-theme="daylight"] .balance-chip { background: var(--panel); box-shadow: var(--shadow-card); }

/* solid violet hero (wallet / earnings); the minimal layouts keep it plain */
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero { color: #fff; border: 0; background: radial-gradient(500px 260px at 0% 0%, rgba(255, 255, 255, .18), transparent 70%), linear-gradient(135deg, #5a2fe6, #7c4dff 55%, #a855f7);
  box-shadow: 0 22px 44px -22px rgba(90, 47, 230, .7); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .muted, :root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .amount small { color: rgba(255, 255, 255, .78); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .eyebrow { color: rgba(255, 255, 255, .92); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .btn-primary { background: #fff; color: #4b23c8; box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .35); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .btn-ghost { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .3); color: #fff; }

:root[data-theme="daylight"] .action.is-primary { background: linear-gradient(140deg, rgba(109, 68, 240, .1), #fff 70%); border-color: #d9cffc; }
:root[data-theme="daylight"] .action:hover, :root[data-theme="daylight"] .tool:hover { background: #fbfaff; }
:root[data-theme="daylight"] .plan:hover { box-shadow: 0 16px 36px -20px rgba(109, 68, 240, .45); }
:root[data-theme="daylight"] .plan-spec { border: 1px solid var(--line); }
:root[data-theme="daylight"] .tool { background: var(--panel); box-shadow: var(--shadow-card); }
:root[data-theme="daylight"] .stat-box { background: var(--panel-2); }
:root[data-theme="daylight"] .input { border-color: var(--line-2); }
:root[data-theme="daylight"] .btn-ghost { background: var(--panel); border-color: var(--line-2); }
:root[data-theme="daylight"] .btn-ghost:hover { background: var(--panel-2); }
:root[data-theme="daylight"] .btn-success { color: #fff; }
:root[data-theme="daylight"] .progress.warn > i { background: linear-gradient(90deg, #f6c453, #e3a008); }
:root[data-theme="daylight"] .progress.bad > i { background: linear-gradient(90deg, #f47a98, #e02454); }
:root[data-theme="daylight"] .tabs { background: var(--panel); box-shadow: var(--shadow-card); }
:root[data-theme="daylight"] .copybox { background: var(--panel-2); }
:root[data-theme="daylight"] .bottom-nav { box-shadow: 0 -6px 20px -12px rgba(30, 24, 70, .2); }
:root[data-theme="daylight"] .bottom-nav .is-active { color: var(--brand-2); }
:root[data-theme="daylight"] .sheet { border: 0; }
:root[data-theme="daylight"] .toast { border: 0; }
:root[data-theme="daylight"] .theme-shots { background: #ecebf3; }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .hstat { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .2); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .hstat small { color: rgba(255, 255, 255, .78); }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .hstat-ic { background: rgba(255, 255, 255, .2); color: #fff; }
:root[data-theme="daylight"]:not([data-layout^="min-"]) .card-hero .app-hero-link { color: rgba(255, 255, 255, .85); }