:root {
  --font-sans: "Poppins", "Lato", sans-serif;

  --theme-bg: #f6f1e7;
  --theme-surface: #fffaf2;
  --theme-surface-2: #f8f3ea;
  --theme-ink: #1e262d;
  --theme-muted: #6b737c;
  --theme-line: #e3d9c9;

  --theme-accent: #0f766e;
  --theme-accent-2: #1aa191;
  --theme-accent-strong: #0b5f58;
  --theme-warm: #d0812a;
  --theme-danger: #c0392b;
  --theme-success: #1b7a3f;

  --theme-field-bg: #ffffff;
  --theme-field-bg-2: #ffffff;

  --theme-shadow: 0 18px 40px rgba(28, 41, 61, 0.12);
  --shadow-accent: 0 12px 24px rgba(15, 118, 110, 0.18);
  --shadow-inset: inset 0 1px 2px rgba(20, 30, 45, 0.12);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;

  --z-dropdown: 1000;
  --z-modal: 1100;
  --z-toast: 1200;

  --theme-bg-gradient:
    radial-gradient(circle at 12% 8%, #ffffff 0%, #f8f3ea 40%, #f2ede2 100%),
    linear-gradient(135deg, #f2ede2 0%, #f9f5ee 100%);

  /* Compatibility aliases used across pages. */
  --bg: var(--theme-bg);
  --bg-soft: var(--theme-surface);
  --surface: var(--theme-surface);
  --ink: var(--theme-ink);
  --muted: var(--theme-muted);
  --accent: var(--theme-accent);
  --accent-strong: var(--theme-accent-strong);
  --warm: var(--theme-warm);
  --danger: var(--theme-danger);
  --line: var(--theme-line);
  --shadow: var(--theme-shadow);
}