/* ============================================================================
 * SLIPPY light: paper cards, 3px black border, 4px hard shadow, Titan One
 * Light background, paper cards, 3px black border, 4px hard shadow
 * ========================================================================== */
:root{
  /* page background */
  --bg:#f4e9d2;
  /* page background */
  /* empty states */
  /* darker surface for dividers and skeletons */

  /* paper cards */
  --paper:#ffffff;
  --paper-2:#fffdf8;

  /* text */
  --ink:#0b0f1a;
  --ink-soft:#3a4358;
  /* ink colour on light surface */
  --muted:#6b7488;
  --muted-2:#8c93a8;

  --red:#e5484d;
  --red-2:#c93a3f;
  --green:#3fb96b;
  --gold:#f0b429;
  --blue:#4a7dff;

  --line:#0b0f1a;
  --shadow:4px 4px 0 var(--line);
  --shadow-sm:3px 3px 0 var(--line);
  --shadow-lg:6px 6px 0 var(--line);

  --r:10px;
  --r-lg:14px;

  --f-display:"Titan One", system-ui, sans-serif;
  --f-body:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}