/* GRIP — variables de color, tipo y forma. Tema por defecto: Paper (light). Void es secundario. */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;600&family=Geist+Mono:wght@400;500&display=swap");
:root, [data-theme="light"] {
  --bg:#f2f5f1; --surface:#ffffff; --surface-raised:#e7ece6; --line:#cdd7d0; --line-strong:#7d8c84;
  --forest:#0b3d2a; --pine:#0e6b45; --emerald:#1fa86a; --signal:#3bff8a; --on-signal:#03140a;
  --ink:#060807; --ink-muted:#4c5952;
  --accent:var(--pine); --on-accent:#f2f5f1; --focus:var(--pine);
  --danger:#b8410f; --warning:#8a6100;
}
[data-theme="dark"] {
  --bg:#060807; --surface:#0d1210; --surface-raised:#151c19; --line:#25332c; --line-strong:#5c6e65;
  --ink:#f2f5f1; --ink-muted:#93a199;
  --forest:#0b3d2a; --pine:#0e6b45; --emerald:#1fa86a; --signal:#3bff8a; --on-signal:#03140a;
  --accent:var(--signal); --on-accent:var(--on-signal); --focus:var(--signal);
  --danger:#ff8a5c; --warning:#f5c84b;
}
:root {
  --font-sans: Geist, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", Menlo, monospace;
  --radius-0:0; --radius-sm:2px;
  --chamfer-sm:6px; --chamfer-md:12px; --chamfer-lg:48px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
}