/* Colonial Country Club — color tokens.
   Heritage slate-blue anchors the system; warm brass is the accent;
   forest green ties to golf/nature; cream/ivory is the dominant surface. */
:root {
  /* ---- Base palette ---- */
  --heritage: #3E4E6E;       /* primary brand blue */
  --heritage-deep: #2C3A52;  /* footer, dark sections, deep overlays */
  --heritage-soft: #5A6B8C;  /* hover, secondary blue, borders on dark */

  --brass: #B08D4F;          /* primary accent — CTAs, eyebrows, active */
  --brass-light: #C9AE79;    /* hover/lighten, subtle accents */
  --brass-deep: #8F7037;     /* pressed/active, accent text on cream */

  --forest: #2F4734;         /* secondary deep tone, nature/golf */
  --sage: #8A9B7A;           /* soft natural accent, tags */

  --cream: #F6F2EA;          /* dominant light background */
  --paper: #FBFAF7;          /* lightest surface / cards on cream */
  --white: #FFFFFF;          /* cards, contrast surfaces */
  --line: #E5DFD3;           /* 1px dividers, card borders on light */

  --ink: #1F242E;            /* primary text */
  --ink-muted: #5B6470;      /* secondary text, captions */

  /* ---- Semantic aliases ---- */
  --bg-page: var(--cream);
  --bg-page-dark: var(--heritage-deep);
  --surface-card: var(--paper);
  --surface-raised: var(--white);

  --text-heading: var(--heritage);
  --text-body: var(--ink);
  --text-muted: var(--ink-muted);
  --text-on-dark: var(--cream);
  --text-eyebrow: var(--brass);
  --text-eyebrow-on-dark: var(--brass-light);

  --accent: var(--brass);
  --accent-hover: var(--brass-deep);
  --accent-soft: var(--brass-light);

  --border-subtle: var(--line);
  --border-strong: var(--heritage);

  --focus-ring: var(--brass-light);

  /* Hero scrim: bottom-up dark gradient for legible overlay text */
  --scrim-hero: linear-gradient(
    to top,
    rgba(44, 58, 82, 0.82) 0%,
    rgba(44, 58, 82, 0.34) 42%,
    rgba(44, 58, 82, 0) 78%
  ); /* @kind other */
}