:root {
  /* Palette (provided) */
  --tea-leaf: #788B53;
  --rice-paper: #FCF3EC;
  --sand: #DBC6A7;
  --graphite: #68686A;
  --amber: #EAA353;
  --mist: #F9F4F0;
  --wood: #BC9B72;
  --silk: #EAD7B9;

  /* Semantic mapping */
  --bg: var(--rice-paper);
  --surface: var(--mist);
  --surface-2: var(--silk);
  --text: #1b1b1b;
  --muted: var(--graphite);
  --border: color-mix(in srgb, var(--graphite) 20%, transparent);

  --primary: var(--tea-leaf);
  --primary-contrast: #ffffff;

  --secondary: var(--amber);
  --secondary-contrast: #1b1b1b;

  --accent: var(--wood);

  --shadow: 0 2px 14px rgba(0,0,0,.06);
  --shadow-lift: 0 12px 40px rgba(0,0,0,.11);
  --radius: 12px;

  --font-sans: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;

  --container: 1120px;
}
