:root {
  /* Colors — exact values from the pen.dev design tokens */
  --color-terracotta: #C1633F;
  --color-terracotta-dark: #A34E30;
  --color-sand: #E7D6BE;
  --color-cream: #FBF6EE;
  --color-ink: #2A241D;
  --color-olive: #5C6444;

  --text-primary: #2A241D;
  --text-secondary: #7A6F62;
  --text-inverse: #FBF6EE;
  --border-subtle: #E4D8C7;

  /* One-off tints used in the design alongside the token palette */
  --text-inverse-dim: #F2EBDF;
  --footer-text-muted: #BFB6A9;
  --footer-text-faint: #8A8072;
  --footer-divider: #3D362C;
  --overlay-ink-strong: #2A241DB3;
  --badge-cream-bg: #FBF6EEE6;
  --hero-overlay-gradient: linear-gradient(90deg, #1E1913E6 0%, #1E1913BF 38%, #1E19134D 68%, #1E191300 90%);

  /* Type */
  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-tamil: "Noto Sans Tamil", "Inter", system-ui, sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Layout */
  --content-max: 1440px;
  --nav-h-pad: 64px;
}