@font-face { font-family: "Geist"; src: url("../fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

/* Memup tokens as CSS variables, written from the design system's tokens.json.
   Jade Day on :root and .mp; Jade Night on [data-theme="night"]. */
:root, .mp {
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --bg: #f7f9fb; --sidebar: #edf1f6; --sidebar-selected: #dde4ed; --panel: #ebeff4;
  --button: #ffffff; --line: #dbe2ea; --line-strong: #c6cfda; --field: #6b7889;
  --fg: #0b1220; --fg-2: #384357; --muted: #556075; --chip: #e7ecf2;
  --mark: #c6f3dc; --mark-fg: #0b1220; --danger: #c4261d;
  --accent: #08735a; --accent-soft: #dcf2e9; --accent-soft-fg: #065a46; --accent-line: #8fd1b8; --on-accent: #ffffff;
  --primary: #0b1220; --primary-hover: #1f2a3d; --on-primary: #ffffff;
  --g1: #0f8a68; --g2: #4a8a2a;
  --tile-documents: #3d6fc8; --tile-photos: #b5651f; --tile-recordings: #b94d63;
  --tile-screenshots: #6c5cc4; --tile-voice-notes: #0f7f6d; --on-tile: #ffffff;
  --m-tile: #08140f; --m-green: #25d366; --m-lime: #a8ec7e;

  --shadow-card: 0 1px 2px rgb(11 18 32 / 0.06), 0 1px 1px rgb(11 18 32 / 0.04);
  --shadow-lens: 0 10px 30px -18px rgb(11 18 32 / 0.3);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --radius-row: 12px; --radius-card: 16px; --radius-pill: 9999px; --radius-icon: 22.5%;
}

html[data-theme="night"] .mp, .mp[data-theme="night"], .mp [data-theme="night"] {
  --bg: #070a12; --sidebar: #05080e; --sidebar-selected: #1a2438; --panel: #0d1220;
  --button: #121828; --line: #1a2233; --line-strong: #253047; --field: #66738c;
  --fg: #eef2fa; --fg-2: #b5bfd2; --muted: #8a95ac; --chip: #111a2b;
  --mark: #c8f27a; --mark-fg: #070a12; --danger: #ff8a80;
  --accent: #3fe0ac; --accent-soft: #0f2b27; --accent-soft-fg: #c9f5e4; --accent-line: #1f7a5e; --on-accent: #04150f;
  --primary: #eef2fa; --primary-hover: #ffffff; --on-primary: #070a12;
  --g1: #33d6a0; --g2: #c8f27a;
  --tile-documents: #7aa2f2; --tile-photos: #e39a5c; --tile-recordings: #e77b90;
  --tile-screenshots: #a294f2; --tile-voice-notes: #45cdb6; --on-tile: #070a12;

  --shadow-card: 0 1px 2px rgb(0 0 0 / 0.5), 0 6px 20px rgb(0 0 0 / 0.35);
  --shadow-lens: 0 12px 32px -18px rgb(0 0 0 / 0.8);
}

/* The page background is right from the first paint, before .mp exists. */
html { background: #f7f9fb; color-scheme: light; }
html[data-theme="night"] { background: #070a12; color-scheme: dark; }