/* Оформление «Кадра» поверх скелета: четыре темы отряда — «Полевая», «Ночная смена», «Голубой час», «Снег».
   Оранжевый значит «отрядное, от тебя чего-то ждут», голубой — «моё личное, уже закрыто». */
:root{
  --bg:#F4F1ED;--surface:#FFFFFF;--surface-2:#EEEAE5;--ink:#171412;--muted:#7B726A;--line:rgba(23,20,18,.08);
  --accent:#FF6414;--on-accent:#171412;--accent-soft:#FFE7D8;--accent-text:#B8470A;
  --sky:#2E9BD6;--sky-soft:#DDEEF9;--sky-text:#1A6E9E;--sky-bright:#57BDF2;
  --ok:#1D7F46;--ok-soft:#DDF0E3;--warn:#9A5B00;--warn-soft:#FDF0D5;--danger:#B3261E;--danger-soft:#FBE3E1;
  --hero:#171412;--hero-ink:#F7F2EC;--hero-muted:#A69D95;
  --glass:rgba(255,255,255,.62);--glass-edge:rgba(255,255,255,.75);--glass-dark:rgba(23,20,18,.66);
  --sh-1:0 1px 2px rgba(23,20,18,.05),0 10px 26px -16px rgba(23,20,18,.4);
  --sh-2:0 2px 8px rgba(23,20,18,.07),0 22px 48px -24px rgba(23,20,18,.6);
  --aura:radial-gradient(42% 26% at 84% 2%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 72%),
    radial-gradient(38% 24% at 2% 22%,color-mix(in srgb,var(--sky) 26%,transparent),transparent 72%),
    radial-gradient(52% 30% at 56% 98%,color-mix(in srgb,var(--sky) 18%,transparent),transparent 74%);
  --display:"Unbounded","Manrope",system-ui,sans-serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);--drawer:cubic-bezier(.32,.72,0,1);--ease-soft:cubic-bezier(.77,0,.175,1);
  --t-press:130ms;--t-tap:180ms;--t-sheet:380ms;
  color-scheme:light;
}
/* «Ночная смена» */
:root[data-theme="night"],:root[data-theme="dark"]{
  --bg:#0F0D0C;--surface:#1B1816;--surface-2:#272320;--ink:#F4EFEA;--muted:#9C938B;--line:rgba(255,255,255,.08);
  --accent:#FF7526;--on-accent:#171412;--accent-soft:#3A1E0E;--accent-text:#FF9F66;
  --sky:#4FB8F0;--sky-soft:#102B3C;--sky-text:#8FD4FA;--sky-bright:#7FCEFB;
  --ok:#62D18F;--ok-soft:#14301F;--warn:#F2B650;--warn-soft:#352711;--danger:#FF8A80;--danger-soft:#3A1614;
  --hero:#221E1B;--hero-ink:#F4EFEA;--hero-muted:#9C938B;
  --glass:rgba(40,35,32,.6);--glass-edge:rgba(255,255,255,.1);--glass-dark:rgba(20,17,15,.66);
  --sh-1:0 1px 2px rgba(0,0,0,.4),0 12px 28px -18px rgba(0,0,0,.9);
  --sh-2:0 2px 10px rgba(0,0,0,.5),0 24px 52px -26px #000;
  --aura:radial-gradient(60% 22% at 72% -6%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 76%),
    radial-gradient(52% 20% at 10% 4%,color-mix(in srgb,var(--sky) 9%,transparent),transparent 78%);
  color-scheme:dark;
}
/* «Голубой час» — историческая пара отряда: тёмно-синее вместо чёрного */
:root[data-theme="blue"]{
  --bg:#0B1620;--surface:#132434;--surface-2:#1B3346;--ink:#EAF3F9;--muted:#8AA3B5;--line:rgba(255,255,255,.09);
  --accent:#FF7526;--on-accent:#0B1620;--accent-soft:#3B2213;--accent-text:#FFA265;
  --sky:#57BDF2;--sky-soft:#10314A;--sky-text:#9BD9F8;--sky-bright:#7FCEFB;
  --ok:#5FD3A0;--ok-soft:#0F3328;--warn:#F2B650;--warn-soft:#38290F;--danger:#FF8A80;--danger-soft:#3B1A18;
  --hero:#17293B;--hero-ink:#EAF3F9;--hero-muted:#8AA3B5;
  --glass:rgba(23,41,59,.6);--glass-edge:rgba(255,255,255,.12);--glass-dark:rgba(8,18,26,.68);
  --sh-1:0 1px 2px rgba(0,0,0,.35),0 12px 28px -18px rgba(0,0,0,.85);
  --sh-2:0 2px 10px rgba(0,0,0,.45),0 24px 52px -26px #000;
  --aura:radial-gradient(60% 22% at 72% -6%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 76%),
    radial-gradient(54% 22% at 8% 2%,color-mix(in srgb,var(--sky) 16%,transparent),transparent 78%);
  color-scheme:dark;
}
/* «Снег» — холодная бумага, голубой ведёт, оранжевый только на действиях */
:root[data-theme="snow"]{
  --bg:#EDF3F7;--surface:#FFFFFF;--surface-2:#DEEAF2;--ink:#12222D;--muted:#647889;--line:rgba(18,34,45,.09);
  --accent:#FF6414;--on-accent:#FFFFFF;--accent-soft:#FFE7D8;--accent-text:#B8470A;
  --sky:#2E9BD6;--sky-soft:#D8EDF9;--sky-text:#1A6E9E;--sky-bright:#57BDF2;
  --ok:#1D7F46;--ok-soft:#DBF0E4;--warn:#8A5000;--warn-soft:#FBEBCF;--danger:#B3261E;--danger-soft:#FBE3E1;
  --hero:#173A52;--hero-ink:#EAF4FA;--hero-muted:#9BB8CB;
  --glass:rgba(255,255,255,.66);--glass-edge:rgba(255,255,255,.8);--glass-dark:rgba(18,34,45,.62);
  --sh-1:0 1px 2px rgba(18,34,45,.05),0 10px 26px -16px rgba(18,34,45,.42);
  --sh-2:0 2px 8px rgba(18,34,45,.08),0 22px 48px -24px rgba(18,34,45,.6);
  --aura:radial-gradient(42% 26% at 84% 2%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 72%),
    radial-gradient(38% 24% at 2% 22%,color-mix(in srgb,var(--sky) 26%,transparent),transparent 72%),
    radial-gradient(52% 30% at 56% 98%,color-mix(in srgb,var(--sky) 18%,transparent),transparent 74%);
  color-scheme:light;
}