:root {
  /* Backgrounds */
  --bg: #FFFFFF;
  --bg-alt: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #FFFFFF;

  /* Text */
  --text-primary: #2A211C;
  --text-secondary: rgba(42,33,28,.66);
  --text-muted: rgba(42,33,28,.4);
  --text-inverse: #F8F8F8;

  /* Clay — primary accent */
  --accent: #B26A56;
  --accent-light: rgba(178,106,86,.1);
  --accent-deep: #974f3d;
  --accent-tint: rgba(178,106,86,.05);
  --accent-border: rgba(178,106,86,.22);

  /* Gold — secondary accent */
  --gold: #D6A28C;
  --gold-light: rgba(214,162,140,.12);
  --gold-deep: #B8856F;
  --gold-tint: rgba(214,162,140,.07);
  --gold-border: rgba(168,132,60,.35);

  /* Legacy alias kept for any remaining refs */
  --rose: var(--accent);
  --rose-light: var(--accent-light);
  --rose-deep: var(--accent-deep);
  --rose-tint: var(--accent-tint);
  --rose-border: var(--accent-border);
  --burgundy: var(--accent-deep);
  --burgundy-light: var(--accent);

  /* UI */
  --border: rgba(42,33,28,.08);
  --border-strong: rgba(42,33,28,.22);
  --shadow-sm: 0 1px 4px rgba(42,33,28,0.06);
  --shadow-md: 0 18px 44px -26px rgba(60,38,28,.4);
  --shadow-lg: 0 40px 90px -36px rgba(60,38,28,.55);

  /* Spacing */
  --section-py: clamp(72px, 9vw, 130px);
  --container-max: 1320px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
}

[data-theme="dark"] {
  --bg: #211A15;
  --bg-alt: #2A211C;
  --surface: #2A211C;
  --surface-2: #211A15;
  --text-primary: #FBF4EC;
  --text-secondary: rgba(244,236,226,.62);
  --text-muted: rgba(233,222,207,.42);
  --border: rgba(233,222,207,.12);
  --border-strong: rgba(214,162,140,.4);
}