/* Control My PC — warm graphite with amber and ember, after the Android app's own dark-mode accent
   (AccentEngine.kt "automatic" in dark mode: amber #D1822B with an ember #C75C33 gradient end).
   Clearly apart from Control My Mac's blue/violet.
   Contrast checked (WCAG AA, tools/contrast.py) in both schemes, 7 Nov 2026:
   dark:  text 17.1 : 1 on bg, 15.7 on card; muted 8.2 on bg, 7.5 on card; footer muted at 80 % 5.6 on bg, 5.4 on bg-2;
          links/accent 9.5 on bg, 8.7 on card; headline words 11.0 and 7.8 : 1.
   light: text 16.9 : 1; muted 9.0 on bg; footer muted at 80 % 5.2 on bg, 5.4 on white;
          links/accent 5.9 on bg, 6.3 on white; headline words 5.9 and 5.5 : 1.
   white button text on the gradient: 5.0 (#b45309) and 5.8 (#b8371f) : 1.
   Display font: Space Grotesk (Google Fonts, loaded through app.json "fonts.googleCss"). */
:root{
  --accent:#f5a524;             /* amber: links, icons, tags (on the dark canvas) */
  --accent-2:#e8603c;           /* ember */
  --grad:linear-gradient(135deg,#b45309,#b8371f);                    /* deep amber to ember: buttons (white text) */
  --grad-text:linear-gradient(135deg,#f8b84e,#f08a5d);               /* headline words on the dark canvas */
  --ink-1:#f8b84e; --ink-2:#f08a5d;
  --glow-1:rgba(209,130,43,.18);
  --glow-2:rgba(199,92,51,.14);
  --bg:#100d0a; --bg-2:#16120e; --card:#1c1712; --line:#2e261d;
  --text:#f6f0e8; --muted:#b3a796;
  --glass-bg:rgba(22,18,14,.66);
  --glass-line:rgba(200,160,110,.20);
  --shadow-btn:0 6px 20px rgba(180,83,9,.38);
  --font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display-weight:700;
}
@media (prefers-color-scheme: light){
  :root{
    --accent:#9a4a00;           /* dark amber: AA on white */
    --accent-2:#b8371f;
    --grad-text:linear-gradient(135deg,#9a4a00,#b8371f);
    --ink-1:#9a4a00; --ink-2:#b8371f;
    --glow-1:rgba(209,130,43,.10);
    --glow-2:rgba(199,92,51,.08);
    --bg:#fbf8f3; --bg-2:#ffffff; --card:#ffffff; --line:#efe6da;
    --text:#1d160f; --muted:#4f4437;
    --glass-bg:rgba(255,255,255,.66);
    --glass-line:rgba(29,22,15,.10);
    --shadow-btn:0 6px 20px rgba(180,83,9,.26);
  }
}

/* Added by build.py: the accessibility overrides from site.css win over the theme. */
@media (prefers-reduced-transparency: reduce){:root{--glass-blur:none}}
@media (prefers-contrast: more){:root{--line:color-mix(in srgb,var(--text) 35%,transparent)}}