/* Palette, type and shadow tokens. Both themes defined here, nowhere else. */
/* Layout concept: a desktop with two folders and exactly one window. Flowing contour background, content swaps inside the single window, synthesised clicks. */
:root{
  --w1:#D7DEEE; --w2:#A6B6D6; --w3:#EFE2D6; --flow:rgba(32,48,96,.16);
  --grid:rgba(32,48,96,.09); --grid-major:rgba(32,48,96,.22); --glow:rgba(255,255,255,.7);
  --chrome:rgba(252,252,253,.78); --chrome-solid:#FAFAFC;
  --win:#FFFFFF; --side:#F2F3F7; --sunk:#ECEDF2;
  --fg:#14161B; --muted:#6C7280; --line:#E0E1E8;
  --accent:#2B4CFF; --accent-2:#FF6B3D;
  --note-1:#5C78FF; --note-2:#2B4CFF;
  --scrim:rgba(8,10,16,.86); --backdrop:rgba(10,14,24,.45);
  --term-bg:#0E1017; --term-fg:#CFE3D4; --term-accent:#6BE39A;
  --shadow:0 30px 72px rgba(18,22,38,.26),0 2px 8px rgba(18,22,38,.11);
  --label:#14161B; --label-sh:0 1px 2px rgba(255,255,255,.8);
  /* garden background: daytime here, night values in the dark blocks below (the NIGHT toggle) */
  --sky-1:#4FA8F0; --sky-2:#8FCBF7; --sky-3:#D9F0FC; --sun:#FFF6C7; --cloud:rgba(255,255,255,.92);
  --hill-1:#A7D98C; --hill-2:#86C772; --grass-1:#6DBB57; --grass-2:#3F8F3C;
  --leaf-1:#2F7D34; --leaf-2:#3E9A3F; --leaf-3:#5DB64C; --bark:#6B4A2F;
  --petal-1:#C9F28B; --petal-2:#9EE06A; --petal-3:#F4FBE6; --stem:#2E7A33;
  --bird:#2A2D33; --sunlight:rgba(255,248,214,.55); --firefly:#E8FF8A;
  --polaroid:#FBFAF6; --polaroid-ink:#2A2C31; --showcase:#141518;
  /* cloud-white paper for the Read me first note, same in both themes */
  --paper:#F7FAFD; --paper-fg:#14161B; --paper-muted:#566070; --paper-line:#E1E7EF; --paper-accent:#2B4CFF;
  --font-d:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-s:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-m:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* Night (dark) is the default; the page sets data-theme="dark" on load unless the visitor chose light
   with the NIGHT toggle. */
:root[data-theme="dark"]{
  --w1:#1B2232; --w2:#090C12; --w3:#2C2137; --flow:rgba(150,180,255,.13);
  --grid:rgba(150,180,255,.06); --grid-major:rgba(150,180,255,.17); --glow:rgba(111,138,255,.26);
  --chrome:rgba(26,29,37,.75); --chrome-solid:#1A1D25;
  --win:#15181E; --side:#1A1E26; --sunk:#111419;
  --fg:#EBEDF2; --muted:#8A909E; --line:#262A33;
  --accent:#6F8AFF; --accent-2:#FF855C;
  --note-1:#2C3D6B; --note-2:#1B2849;
  --shadow:0 30px 72px rgba(0,0,0,.62),0 2px 8px rgba(0,0,0,.45);
  --label:#FFFFFF; --label-sh:0 1px 3px rgba(0,0,0,.7);
  --sky-1:#08112A; --sky-2:#16264F; --sky-3:#33456F; --sun:#F3EFD8; --cloud:rgba(150,170,215,.22);
  --hill-1:#1B3631; --hill-2:#142C27; --grass-1:#153424; --grass-2:#0A1E15;
  --leaf-1:#0D2A1B; --leaf-2:#143722; --leaf-3:#1C462D; --bark:#261C15;
  --petal-1:#6E9A5C; --petal-2:#55844B; --petal-3:#B9C6DE; --stem:#163C24;
  --bird:#070B14; --sunlight:rgba(160,195,255,.2); --firefly:#E8FF8A;
  --polaroid:#D8DBE2; --polaroid-ink:#22252C;
  --paper:#182033; --paper-fg:#E8ECF4; --paper-muted:#A1ABC0; --paper-line:#2A3448; --paper-accent:#8EA2FF;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--font-d);color:var(--fg);overflow:hidden;background:var(--sky-2);
  -webkit-font-smoothing:antialiased}
#wall{position:fixed;inset:0;width:100%;height:100%;z-index:0}