/* Memvela design tokens: shared visual foundation. */
:root {
  /* Semantic tokens used by the brand gate and future components. */
  --color-surface: #F9F5F0;
  --color-surface-muted: #F1E9DF;
  --color-ink: #2B1511;
  --color-accent: #E8A857;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radius-card: 18px;
  --cream: #F9F5F0;
  --cream-dim: #F1E9DF;
  --brown: #2B1511;
  --brown-soft: #4A2E27;
  --amber: #E8A857;
  --amber-deep: #C97F2E;
  --amber-text: #8F5212;
  --ink: #2B1511;
  --ink-muted: #5C4A45;
  --white: #FFFFFF;
  --line: rgba(43, 21, 17, 0.12);
  --shadow: 0 24px 48px -24px rgba(43, 21, 17, 0.4);
  --radius: 18px;
  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --max: 1180px;
  --tap: 48px;
}