/* ==========================================================
   MEMORABLE — design tokens
   Shared by every page (home, register, login, account).
   Derived from the Little Comfort / homepage reference so the
   whole platform reads as one product.
   ========================================================== */

:root {
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Manrope", -apple-system, "Segoe UI", system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 0.61, 0.21, 1);
  --w: 1160px;
  --w-narrow: 460px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f3ee;
  --bg-soft: #efeae2;
  --surface: #fbf9f5;
  --ink: #232019;
  --ink-soft: #4d4a41;
  --muted: #8a8577;
  --line: #e2dccf;
  --line-soft: #eae5da;
  --accent: #b0714f;
  --accent-ink: #8d5638;
  --accent-soft: #f0e4da;
  --accent-line: #dcc7b6;
  --on-accent: #fbf9f5;
  --danger: #a83f34;
  --danger-soft: #f4e3df;
  --danger-line: #e0bcb2;
  --shadow: 0 1px 2px rgba(35, 32, 25, 0.05), 0 14px 40px -20px rgba(35, 32, 25, 0.22);
  --head-bg: rgba(246, 243, 238, 0.86);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #161411;
  --bg-soft: #1b1915;
  --surface: #201d18;
  --ink: #ece7dd;
  --ink-soft: #c4bfb2;
  --muted: #948e7f;
  --line: #2e2a23;
  --line-soft: #262219;
  --accent: #cf9068;
  --accent-ink: #e0ac85;
  --accent-soft: #2b221a;
  --accent-line: #4a382a;
  --on-accent: #20150d;
  --danger: #e18b7c;
  --danger-soft: #2c1a17;
  --danger-line: #4d2b25;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 44px -22px rgba(0, 0, 0, 0.6);
  --head-bg: rgba(22, 20, 17, 0.86);
}