
    :root{
      --bg:#f5f5f7; --panel:rgba(255,255,255,.78); --panel2:#fff; --text:#1d1d1f;
      --muted:#6e6e73; --hair:rgba(0,0,0,.09); --accent:#0071e3; --purple:#7d5fff;
      --green:#1f9d68; --orange:#c65d00; --red:#c9352b; --shadow:0 18px 60px rgba(0,0,0,.09);
      --radius:28px; --code:#f1f2f4; --max:1180px;
    }
    @media (prefers-color-scheme:dark){
      :root{
        --bg:#08080a; --panel:rgba(28,28,30,.78); --panel2:#151517; --text:#f5f5f7;
        --muted:#a1a1a6; --hair:rgba(255,255,255,.11); --accent:#2997ff; --purple:#a993ff;
        --green:#42c98a; --orange:#ff9f52; --red:#ff6961; --shadow:0 18px 60px rgba(0,0,0,.35); --code:#202024;
      }
    }
    