@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

  :root{
    --gold:#D9AE5D; --gold-2:#B8863C;
    --grad: linear-gradient(120deg, var(--gold), var(--gold-2));
    --ok:#4CC38A;
  }
  :root, html[data-mode="dark"]{
    --bg:#0F1D18; --ink:#F1F3EE; --muted:#9DB0A6; --muted-2:#63776D;
    --shadow-d:rgba(0,0,0,0.55); --shadow-l:rgba(255,255,255,0.045);
  }
  html[data-mode="light"]{
    --bg:#F0EEE4; --ink:#1D2A20; --muted:#5E6E62; --muted-2:#8C998F;
    --shadow-d:rgba(150,160,140,0.55); --shadow-l:rgba(255,255,255,0.9);
  }
  :root{
    --sh-out: 6px 6px 14px var(--shadow-d), -6px -6px 14px var(--shadow-l);
    --sh-out-sm: 3px 3px 8px var(--shadow-d), -3px -3px 8px var(--shadow-l);
    --sh-in: inset 3px 3px 7px var(--shadow-d), inset -3px -3px 7px var(--shadow-l);
    --sh-in-sm: inset 2px 2px 5px var(--shadow-d), inset -2px -2px 5px var(--shadow-l);
  }
  *{box-sizing:border-box;}
  button, select, input, textarea{ color:inherit; font-family:inherit; }
  body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; }