/* Corvela skins and seasonal themes: only the color variables. Shared by the app shell (shell.css) and the admin and author pages (admin-skin.css).
   A skin or a season is a class on the page: skin-dark or skin-light, plus hall, fall or web. */

/* ───── skins ───── */
/* The New look (October 2026): mainly white and very light grey with light browns and light blues by day, a deep slate with
   tan and pale blue by night. Tokens beyond color:
   --edge / --edge2  the thin line around panels, and the same line when pointed at
   --shadow / --shadow-hi  one soft shadow for resting panels, one for things that float (menus, dialogs, hover)
   --r-card / --r-ctl / --r-sm  the three corner sizes (panels, fields and menus, small parts); buttons, chips and tags stay pills
   --pa  how solid a panel is (glass, but never smoky)
   --bg0  the page color behind the sky, also used for the phone's browser bar */
.cv{
  --fg:238,242,247;--pn:19,26,36;--gd:210,180,140;--tl:140,200,240;--rd:255,141,140;
  --ink:#EEF1F5;--ink2:#C9D1DC;--mute:#98A2B1;--gold:#D2B48C;--gold2:#E6CFA8;--on-gold:#10151C;--menu:#161E29;--teal:#8CC8F0;--red:#FF8D8C;
  --edge:rgba(255,255,255,.09);--edge2:rgba(255,255,255,.2);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 26px -12px rgba(0,0,0,.55);
  --shadow-hi:0 2px 6px rgba(0,0,0,.4),0 22px 48px -16px rgba(0,0,0,.65);
  --r-card:14px;--r-ctl:12px;--r-sm:8px;--pa:.82;--blur:10px;--bg0:#0B1017;--field:rgba(255,255,255,.05);--scrim:rgba(2,6,14,.66);
  --banner:linear-gradient(180deg,#0A0F16,#16202D 68%,#2A3646);
  --sky:radial-gradient(60% 38% at 80% -4%,rgba(120,170,220,.16),transparent 70%),radial-gradient(48% 34% at 8% 6%,rgba(210,180,140,.07),transparent 70%),linear-gradient(180deg,#0A0E15 0%,#0D131C 44%,#111925 100%);
  --stars:.55;--tw:110px;
}
.cv.skin-light{
  --fg:29,36,48;--pn:255,255,255;--gd:122,90,57;--tl:23,92,118;--rd:180,35,24;
  --ink:#1D2430;--ink2:#3B4656;--mute:#566172;--gold:#7A5A39;--gold2:#5E4429;--on-gold:#FFFFFF;--menu:#FFFFFF;--teal:#175C76;--red:#B42318;
  --edge:rgba(29,36,48,.1);--edge2:rgba(29,36,48,.22);
  --shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -10px rgba(16,24,40,.12);
  --shadow-hi:0 2px 6px rgba(16,24,40,.07),0 22px 44px -14px rgba(16,24,40,.22);
  --pa:.94;--blur:8px;--bg0:#F5F7FA;--field:#FFFFFF;--scrim:rgba(24,32,45,.42);
  --banner:linear-gradient(180deg,#E7EDF4,#DCE5EE 62%,#D9CCBA);
  --sky:radial-gradient(60% 42% at 86% -8%,rgba(158,200,235,.34),transparent 70%),radial-gradient(52% 40% at 6% 104%,rgba(214,190,158,.28),transparent 70%),linear-gradient(180deg,#F9FAFC 0%,#F3F5F8 58%,#EDF0F4 100%);
  --stars:0;
}
.cv.hall{
  --pn:18,8,30;--gd:242,140,40;--gold:#E8821E;--gold2:#FFB45C;--on-gold:#1A0A02;--menu:#1B0C2A;
  --banner:linear-gradient(180deg,#07030F,#2A0F33 70%,#7A2E12);
  --sky:radial-gradient(40% 32% at 84% 8%,rgba(248,176,74,.26),transparent 70%),radial-gradient(70% 50% at 16% 110%,rgba(214,92,18,.46),transparent 70%),radial-gradient(60% 45% at 50% 30%,rgba(88,28,110,.36),transparent 70%),linear-gradient(180deg,#07030F 0%,#150822 34%,#2A0F33 60%,#4A1A22 84%,#7A2E12 100%);
  --stars:.55;
}
.cv.skin-light.hall{
  --pn:255,247,234;--gd:156,68,10;--gold:#9C440A;--gold2:#7E3607;--on-gold:#FFF3E6;--menu:#FFF3E6;
  --banner:linear-gradient(180deg,#F8DDB0,#EDB76F 70%,#D9801F);
  --sky:radial-gradient(55% 40% at 86% -4%,rgba(255,170,70,.4),transparent 70%),radial-gradient(70% 50% at 8% 108%,rgba(230,110,30,.3),transparent 70%),linear-gradient(180deg,#FFF4E1 0%,#FBE6C4 56%,#F2C98F 100%);
  --stars:0;
}

/* The dark seasonal looks keep warm text (the light ones keep the day text). */
.cv.skin-dark.hall,.cv.skin-dark.fall{--ink:#F6EBD9;--ink2:#DDCFB8;--mute:#C4B6A2}
.cv.skin-light.hall,.cv.skin-light.fall{--mute:#5A4A3C}
.cv.skin-light.web{--mute:#4F5A6E}

/* Fall: woodsmoke browns, maple orange, falling leaves */
.cv.fall{
  --pn:26,13,6;--gd:230,150,60;--gold:#DE8A2E;--gold2:#F4B862;--on-gold:#1E0E04;--menu:#26130A;
  --banner:linear-gradient(180deg,#0D0603,#34170A 68%,#8A3E12);
  --sky:radial-gradient(42% 32% at 18% 6%,rgba(244,184,98,.2),transparent 70%),radial-gradient(70% 48% at 84% 108%,rgba(200,80,24,.4),transparent 70%),radial-gradient(60% 44% at 50% 34%,rgba(110,48,20,.3),transparent 70%),linear-gradient(180deg,#0B0503 0%,#1A0C06 36%,#2E1509 62%,#47200E 86%,#6B2D12 100%);
  --stars:.12;
}
.cv.skin-light.fall{
  --pn:255,248,236;--gd:154,74,20;--gold:#9A4A14;--gold2:#7D3A0D;--on-gold:#FFF4E6;--menu:#FFF4E6;
  --banner:linear-gradient(180deg,#F8E0B8,#E7B070 70%,#C9742A);
  --sky:radial-gradient(55% 40% at 14% -4%,rgba(255,190,100,.42),transparent 70%),radial-gradient(70% 50% at 90% 108%,rgba(214,110,40,.3),transparent 70%),linear-gradient(180deg,#FFF6E6 0%,#FAE6C2 58%,#F0CC96 100%);
  --stars:0;
}
/* Cobweb Hollow: silver thread on a violet-black night, pale parchment by day */
.cv.web{
  --pn:12,13,24;--gd:190,200,224;--gold:#B7C3DD;--gold2:#E4EBF8;--on-gold:#0A0D18;--menu:#11131F;
  --banner:linear-gradient(180deg,#04050B,#141830 68%,#2C2A4A);
  --sky:radial-gradient(36% 30% at 80% 6%,rgba(170,182,230,.2),transparent 70%),radial-gradient(70% 46% at 14% 108%,rgba(92,52,140,.38),transparent 70%),radial-gradient(54% 38% at 52% 44%,rgba(36,64,60,.22),transparent 70%),linear-gradient(180deg,#04050B 0%,#0A0C18 36%,#12132A 66%,#1A1736 100%);
  --stars:.3;--web:rgba(214,222,240,.55);--spider-fill:#262640;--spider-line:rgba(206,214,236,.85);
}
.cv.skin-light.web{
  --pn:247,247,252;--gd:84,94,128;--gold:#46507A;--gold2:#323B63;--on-gold:#F4F6FC;--menu:#F4F6FC;
  --banner:linear-gradient(180deg,#E2E6F2,#BCC4DC 70%,#8E98BA);
  --sky:radial-gradient(55% 40% at 84% -4%,rgba(180,192,236,.5),transparent 70%),radial-gradient(70% 50% at 8% 108%,rgba(140,120,190,.26),transparent 70%),linear-gradient(180deg,#F6F7FC 0%,#E8EAF4 58%,#D3D7E8 100%);
  --stars:0;--web:rgba(60,70,104,.55);--spider-fill:#2A2A3E;--spider-line:#2A2A3E;
}