/* ============ DESIGN TOKENS ============ */
:root{
  /* Light theme */
  --bg:#FAFAF7;
  --bg-2:#F2F1EC;
  --surface:#FFFFFF;
  --surface-2:#F7F6F1;
  --line:#E7E5DC;
  --line-2:#D9D6CA;
  --ink:#0E0E0C;
  --ink-2:#3A3A36;
  --ink-3:#6B6B63;
  --ink-4:#9A9A90;
  --accent:#FF4D6D;
  --accent-2:#FF8095;
  --accent-ink:#FFFFFF;
  --lime:#C6F35A;
  --sky:#7DD3FC;
  --gold:#FFB347;

  --shadow-sm:0 1px 2px rgba(14,14,12,.05);
  --shadow-md:0 4px 12px rgba(14,14,12,.06),0 2px 4px rgba(14,14,12,.04);
  --shadow-lg:0 24px 48px -12px rgba(14,14,12,.18);

  --radius:20px;
  --radius-sm:14px;
  --radius-lg:28px;

  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
}

/* ============ DARK THEME ============ */
[data-theme="dark"]{
  --bg:#0B0B0F;
  --bg-2:#101014;
  --surface:#15151A;
  --surface-2:#1B1B21;
  --line:#26262E;
  --line-2:#33333D;
  --ink:#F5F5F2;
  --ink-2:#C9C9C2;
  --ink-3:#8E8E86;
  --ink-4:#5E5E58;
  --accent:#FF5677;
  --accent-2:#FF8095;

  --shadow-lg:0 24px 48px -12px rgba(0,0,0,.7);
}