:root {
  /* Heritage Ranch Academy core palette */
  --hra-chocolate: #55402B;
  --hra-dark-chocolate: #3A2A1E;
  --hra-gold: #A98953;
  --hra-parchment: #F2E8D5;
  --hra-slate-blue: #4E7A8C;

  /* Supporting backgrounds */
  --hra-sage: #90BE80;
  --hra-tan: #D8C3A2;

  /* Semantic colors */
  --color-bg: var(--hra-tan);
  --color-bg-chocolate: var(--hra-chocolate);
  --color-bg-sage: var(--hra-sage);
  --color-bg-tan: var(--hra-tan);
  --color-surface: var(--hra-parchment);
  --color-text: var(--hra-dark-chocolate);
  --color-text-soft: #655445;
  --color-title: var(--hra-chocolate);
  --color-accent: var(--hra-gold);
  --color-accent-dark: #84683F;
  --color-link: #3F697A;
  --color-link-hover: #294B59;
  --color-border: #BCA786;
  --color-border-strong: #9D835C;
  --color-focus: #285B70;

  /* Buttons on light / sage / tan backgrounds */
  --button-primary-bg: var(--hra-slate-blue);
  --button-primary-hover: #3F6879;
  --button-primary-text: #FFFFFF;
  --button-secondary-bg: var(--hra-parchment);
  --button-secondary-hover: #E8D9BE;
  --button-secondary-text: var(--hra-dark-chocolate);

  /* Layout */
  --container: 1180px;
  --content-narrow: 760px;
  --header-height: 104px;
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 2px 8px rgba(58, 42, 30, 0.10);
  --shadow-md: 0 12px 30px rgba(58, 42, 30, 0.16);

  /* Typography */
  --font-heading: 'Cinzel', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', Arial, Helvetica, sans-serif;
}