:root {
  /* Brand palette — warm, minimal, premium */
  --color-bg: #FAF9F6;
  --color-surface: #FFFFFF;
  --color-surface-2: #F3F1EC;
  --color-ink: #17161B;
  --color-ink-soft: #57545C;
  --color-ink-faint: #97949C;
  --color-border: #E9E5DD;
  --color-accent: #A97F4F;
  --color-accent-dark: #7C5C38;
  --color-accent-soft: #F1E6D6;
  --color-success: #2E7D5B;
  --color-danger: #C2492F;
  --color-danger-soft: #FBE9E4;
  --color-overlay: rgba(17, 16, 20, 0.48);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(23, 22, 27, 0.06), 0 1px 1px rgba(23, 22, 27, 0.04);
  --shadow-md: 0 8px 24px rgba(23, 22, 27, 0.08), 0 2px 6px rgba(23, 22, 27, 0.04);
  --shadow-lg: 0 20px 48px rgba(23, 22, 27, 0.14), 0 6px 16px rgba(23, 22, 27, 0.06);
  --shadow-float: 0 14px 32px rgba(169, 127, 79, 0.28);

  --header-h: 60px;
  --navbar-h: 64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 160ms;
  --dur-med: 280ms;
  --dur-slow: 420ms;

  --container: 560px;
}

:root[data-theme="dark"] {
  --color-bg: #121114;
  --color-surface: #1B1A1E;
  --color-surface-2: #232227;
  --color-ink: #F5F3EF;
  --color-ink-soft: #C6C2BC;
  --color-ink-faint: #86828A;
  --color-border: #302E33;
  --color-accent: #CBA06C;
  --color-accent-dark: #E7C89A;
  --color-accent-soft: #2C2620;
  --color-overlay: rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #121114;
    --color-surface: #1B1A1E;
    --color-surface-2: #232227;
    --color-ink: #F5F3EF;
    --color-ink-soft: #C6C2BC;
    --color-ink-faint: #86828A;
    --color-border: #302E33;
    --color-accent: #CBA06C;
    --color-accent-dark: #E7C89A;
    --color-accent-soft: #2C2620;
    --color-overlay: rgba(0, 0, 0, 0.6);
  }
}