/* Generated by tools/ear_site.py from ear/ui/style.css - edit the app, not this. */
:root,:root[data-theme="light"]{
  color-scheme: light;
  --paper:#FAF6EA;
  --glass:rgba(255,255,255,.56); --glass-2:rgba(255,255,255,.74); --glass-3:rgba(255,255,255,.92);
  --edge:rgba(24,24,44,.075); --edge-2:rgba(24,24,44,.13); --hl:rgba(255,255,255,.95);
  --ink:#14141C; --mid:#3E3F52; --soft:#727389; --faint:#9A9BAE; --ghost:#C8C9D4;
  --accent:#1F45FF; --accent-2:#6B4EFF;
  --accent-soft:rgba(31,69,255,.075); --accent-dim:rgba(31,69,255,.16);
  --grad:linear-gradient(135deg,#003DFF 0%,#4F4DFF 55%,#7A5BFF 100%);
  --hi:#FFE600; --hi-ink:#1B1700; --hi-soft:rgba(255,230,0,.30);
  --ok:#16A864; --danger:#E0464B;
  --feature:#15151D; --feature-ink:#F5F5F8; --feature-soft:rgba(245,245,248,.62);
  --feature-base:#15151D; --feature-img:linear-gradient(160deg,#20202C,#111117);
  --hatch:repeating-linear-gradient(135deg,var(--hi) 0 5px,transparent 5px 11px);
  --shadow:0 1px 0 var(--hl) inset,0 18px 40px -24px rgba(70,55,0,.30);
  --shadow-lift:0 1px 0 var(--hl) inset,0 28px 54px -26px rgba(70,55,0,.42);
  --glow:0 14px 32px -12px rgba(31,69,255,.55);
  --bgimg:
    radial-gradient(880px 520px at 106% -12%,rgba(255,230,0,.46),transparent 62%),
    radial-gradient(620px 460px at -14% 106%,rgba(0,61,255,.12),transparent 62%),
    radial-gradient(520px 380px at 58% 122%,rgba(255,200,0,.20),transparent 60%),
    linear-gradient(165deg,#FDFBF6 0%,#F6EFDB 100%);
  --grid:rgba(40,30,0,.028);
  /* older names, kept so nothing that still reads them breaks */
  --bg:var(--paper); --panel:var(--glass-2); --raise:var(--glass-3); --side:var(--glass);
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --paper:#080B1D;
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.075); --glass-3:rgba(255,255,255,.12);
  --edge:rgba(255,255,255,.085); --edge-2:rgba(255,255,255,.15); --hl:rgba(255,255,255,.09);
  --ink:#EEF0FF; --mid:#C5C9E7; --soft:#8D92BA; --faint:#666B94; --ghost:#43486E;
  --accent:#6A8CFF; --accent-2:#9A7BFF;
  --accent-soft:rgba(106,140,255,.11); --accent-dim:rgba(106,140,255,.22);
  --grad:linear-gradient(135deg,#2F5BFF 0%,#6250FF 55%,#9B6BFF 100%);
  --hi:#FFE600; --hi-ink:#1B1700; --hi-soft:rgba(255,230,0,.15);
  --ok:#35D883; --danger:#FF6A70;
  --feature:linear-gradient(160deg,rgba(64,98,255,.34),rgba(118,84,255,.20) 60%,rgba(255,255,255,.05));
  --feature-ink:#F5F6FF; --feature-soft:rgba(238,240,255,.68);
  --feature-base:#0E1336;
  --feature-img:linear-gradient(160deg,rgba(64,98,255,.38),rgba(118,84,255,.22) 60%,rgba(255,255,255,.04));
  --shadow:0 1px 0 var(--hl) inset,0 24px 48px -26px rgba(0,0,0,.75);
  --shadow-lift:0 1px 0 var(--hl) inset,0 32px 60px -26px rgba(0,0,0,.85);
  --glow:0 14px 38px -10px rgba(84,112,255,.7);
  --bgimg:
    radial-gradient(760px 520px at -10% -14%,rgba(0,61,255,.52),transparent 62%),
    radial-gradient(700px 540px at 112% 114%,rgba(107,78,255,.40),transparent 62%),
    radial-gradient(460px 340px at 88% -8%,rgba(0,190,255,.14),transparent 60%),
    linear-gradient(180deg,#060918 0%,#0A0E28 100%);
  --grid:rgba(255,255,255,.035);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme: dark;
  --paper:#080B1D;
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.075); --glass-3:rgba(255,255,255,.12);
  --edge:rgba(255,255,255,.085); --edge-2:rgba(255,255,255,.15); --hl:rgba(255,255,255,.09);
  --ink:#EEF0FF; --mid:#C5C9E7; --soft:#8D92BA; --faint:#666B94; --ghost:#43486E;
  --accent:#6A8CFF; --accent-2:#9A7BFF;
  --accent-soft:rgba(106,140,255,.11); --accent-dim:rgba(106,140,255,.22);
  --grad:linear-gradient(135deg,#2F5BFF 0%,#6250FF 55%,#9B6BFF 100%);
  --hi:#FFE600; --hi-ink:#1B1700; --hi-soft:rgba(255,230,0,.15);
  --ok:#35D883; --danger:#FF6A70;
  --feature:linear-gradient(160deg,rgba(64,98,255,.34),rgba(118,84,255,.20) 60%,rgba(255,255,255,.05));
  --feature-ink:#F5F6FF; --feature-soft:rgba(238,240,255,.68);
  --feature-base:#0E1336;
  --feature-img:linear-gradient(160deg,rgba(64,98,255,.38),rgba(118,84,255,.22) 60%,rgba(255,255,255,.04));
  --shadow:0 1px 0 var(--hl) inset,0 24px 48px -26px rgba(0,0,0,.75);
  --shadow-lift:0 1px 0 var(--hl) inset,0 32px 60px -26px rgba(0,0,0,.85);
  --glow:0 14px 38px -10px rgba(84,112,255,.7);
  --bgimg:
    radial-gradient(760px 520px at -10% -14%,rgba(0,61,255,.52),transparent 62%),
    radial-gradient(700px 540px at 112% 114%,rgba(107,78,255,.40),transparent 62%),
    radial-gradient(460px 340px at 88% -8%,rgba(0,190,255,.14),transparent 60%),
    linear-gradient(180deg,#060918 0%,#0A0E28 100%);
  --grid:rgba(255,255,255,.035);
}}