:root{
  color-scheme:dark;
  --mc-bg:#07101a;
  --mc-bg-2:#0a1725;
  --mc-bg-3:#0d1c2c;
  --mc-surface:#102235;
  --mc-surface-2:#152a40;
  --mc-surface-3:#1b3450;
  --mc-surface-raised:#193047;
  --mc-text:#f4fafc;
  --mc-muted:#b9cdd6;
  --mc-subtle:#8ea9b5;
  --mc-line:rgba(176,219,229,.16);
  --mc-line-strong:rgba(176,219,229,.36);
  --mc-line-bright:rgba(176,239,244,.58);

  --mc-accent:#51d5d9;
  --mc-accent-hover:#73e0e3;
  --mc-accent-active:#36bcc4;
  --mc-on-accent:#08242b;
  --mc-accent-2:#69bdfe;
  --mc-focus:#91f2ed;
  --mc-placeholder:#8ea9b5;
  --mc-disabled-bg:#1b3448;
  --mc-disabled-text:#9fb3bd;

  --mc-good:#69d69b;
  --mc-watch:#ffd36a;
  --mc-warning:#ff9a66;
  --mc-danger:#ff6f78;
  --mc-violet:#aa93ff;
  --mc-indigo:#748cff;
  --mc-solar:#ffd36a;
  --mc-dawn:#ffad7f;
  --mc-sunset:#ff7e71;
  --mc-electric:#c68cff;
  --mc-ocean:#36d6c5;
  --mc-forest:#72d49b;

  --mc-temp-cold:#73bff4;
  --mc-temp-cool:#58d3dd;
  --mc-temp-mild:#6bd69d;
  --mc-temp-warm:#ffd36a;
  --mc-temp-hot:#ff756c;
  --mc-rain:#52b9f0;
  --mc-wind:#a590ff;
  --mc-cloud:#9dabb4;

  --mc-shadow-1:0 8px 24px rgba(0,0,0,.18);
  --mc-shadow-2:0 18px 48px rgba(0,0,0,.24);
  --mc-shadow-3:0 34px 90px rgba(0,0,0,.28);
  --mc-shadow:var(--mc-shadow-2);
  --mc-inner-highlight:inset 0 1px 0 rgba(255,255,255,.06);

  --mc-radius-xs:.5rem;
  --mc-radius-sm:.72rem;
  --mc-radius-md:1.05rem;
  --mc-radius-lg:1.5rem;
  --mc-radius-xl:2rem;

  --mc-step-1:clamp(.5rem,.45rem + .2vw,.7rem);
  --mc-step-2:clamp(.75rem,.68rem + .3vw,1rem);
  --mc-step-3:clamp(1rem,.9rem + .45vw,1.35rem);
  --mc-step-4:clamp(1.4rem,1.2rem + .8vw,2rem);
  --mc-step-5:clamp(2rem,1.65rem + 1.2vw,3rem);

  --mc-shell:min(118rem,calc(100vw - clamp(1rem,3vw,3.5rem)));
  --mc-reading:min(48rem,calc(100vw - 2rem));
  --mc-header-h:4.5rem;
  --mc-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mc-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;

  --mc-scene-a:rgba(81,213,217,.12);
  --mc-scene-b:rgba(105,189,254,.08);
  --mc-scene-c:rgba(170,147,255,.055);
  --mc-scene-line:rgba(81,213,217,.48);
  --mc-sky-a:#0d2034;
  --mc-sky-b:#07101a;

  --mc-ease:cubic-bezier(.2,.75,.25,1);
  --mc-fast:140ms;
  --mc-medium:260ms;
  --mc-slow:620ms;
}

html[data-theme="light"]{
  color-scheme:light;
  --mc-bg:#eef4f6;
  --mc-bg-2:#e5eef1;
  --mc-bg-3:#dce8ec;
  --mc-surface:#f8fbfc;
  --mc-surface-2:#edf5f7;
  --mc-surface-3:#dfecef;
  --mc-surface-raised:#fbfdfe;
  --mc-text:#102832;
  --mc-muted:#395965;
  --mc-subtle:#516b75;
  --mc-line:rgba(14,65,78,.15);
  --mc-line-strong:rgba(14,65,78,.34);
  --mc-line-bright:rgba(0,113,127,.55);

  --mc-accent:#00717f;
  --mc-accent-hover:#005d69;
  --mc-accent-active:#004d58;
  --mc-on-accent:#fff;
  --mc-accent-2:#176fa8;
  --mc-focus:#005e6b;
  --mc-placeholder:#516b75;
  --mc-disabled-bg:#d7e4e8;
  --mc-disabled-text:#4f6872;

  --mc-good:#28794f;
  --mc-watch:#7a5a00;
  --mc-warning:#98470f;
  --mc-danger:#ad3440;
  --mc-violet:#604eb7;
  --mc-indigo:#4057ba;
  --mc-solar:#8c6200;
  --mc-dawn:#a94d24;
  --mc-sunset:#b3473c;
  --mc-electric:#6f4cb8;
  --mc-ocean:#0c746b;
  --mc-forest:#28794f;

  --mc-temp-cold:#226fa4;
  --mc-temp-cool:#0d7480;
  --mc-temp-mild:#247a57;
  --mc-temp-warm:#8d5d00;
  --mc-temp-hot:#ad4b45;
  --mc-rain:#086d9f;
  --mc-wind:#5548b5;
  --mc-cloud:#526b75;

  --mc-shadow-1:0 8px 22px rgba(23,61,74,.09);
  --mc-shadow-2:0 18px 46px rgba(23,61,74,.12);
  --mc-shadow-3:0 34px 84px rgba(23,61,74,.14);
  --mc-shadow:var(--mc-shadow-2);
  --mc-inner-highlight:inset 0 1px 0 rgba(255,255,255,.8);

  --mc-scene-a:rgba(0,113,127,.09);
  --mc-scene-b:rgba(23,111,168,.07);
  --mc-scene-c:rgba(96,78,183,.045);
  --mc-scene-line:rgba(0,113,127,.38);
  --mc-sky-a:#e6f1f4;
  --mc-sky-b:#eef4f6;
}

html[data-atmosphere="dawn"]{--mc-sky-a:#1a243d;--mc-sky-b:#0a1725}
html[data-atmosphere="day"]{--mc-sky-a:#0e263b;--mc-sky-b:#07131f}
html[data-atmosphere="dusk"]{--mc-sky-a:#211e3b;--mc-sky-b:#0a1421}
html[data-atmosphere="night"]{--mc-sky-a:#0b1630;--mc-sky-b:#050d17}
html[data-theme="light"][data-atmosphere="dawn"]{--mc-sky-a:#f2e8e4;--mc-sky-b:#edf4f6}
html[data-theme="light"][data-atmosphere="day"]{--mc-sky-a:#e5f2f5;--mc-sky-b:#eef4f6}
html[data-theme="light"][data-atmosphere="dusk"]{--mc-sky-a:#eee8f1;--mc-sky-b:#edf2f5}
html[data-theme="light"][data-atmosphere="night"]{--mc-sky-a:#e7ebf4;--mc-sky-b:#edf3f5}