/* PAR99 — Color tokens
   Five-color system from the brand guide. Terracotta is an accent only
   (never more than ~10% of a screen, never a background field).
   Alternate ivory (light/editorial) and green/ink (dark/photographic)
   sections — don't mix within one surface. */

:root {
  /* ---- Base palette ---- */
  --par-green: #1C443C;        /* Fairway green — primary */
  --par-terracotta: #AE3E32;   /* Terracotta — accent, sparingly */
  --par-ivory: #F1F1EF;        /* Ivory — warm off-white light bg */
  --par-slate: #2E2F33;        /* Slate — secondary dark */
  --par-ink: #101010;          /* Ink black — primary dark */

  /* ---- Tints & shades (states, hairlines, scrims) ---- */
  --par-green-700: #163730;
  --par-green-900: #0F2621;
  --par-green-300: #4A6E66;
  --par-terracotta-700: #8F3228;
  --par-terracotta-900: #6E271F;
  --par-ivory-200: #E6E6E2;
  --par-ivory-300: #D6D6D1;
  --par-slate-700: #24252A;
  --par-ink-800: #1B1B1B;

  /* ---- Semantic: surfaces ---- */
  --surface-page: var(--par-ivory);
  --surface-card: #FBFBFA;
  --surface-raised: #FFFFFF;
  --surface-sunken: var(--par-ivory-200);
  --surface-dark: var(--par-green);
  --surface-darkest: var(--par-ink);
  --surface-dark-alt: var(--par-slate);

  /* ---- Semantic: text ---- */
  --text-heading: var(--par-ink);
  --text-body: var(--par-slate);
  --text-muted: #6B6C70;
  --text-inverse: var(--par-ivory);
  --text-inverse-muted: rgba(241, 241, 239, 0.68);
  --text-accent: var(--par-terracotta);
  --text-on-green: var(--par-ivory);

  /* ---- Semantic: borders ---- */
  --border-subtle: var(--par-ivory-200);
  --border-strong: var(--par-ink);
  --border-on-dark: rgba(241, 241, 239, 0.16);

  /* ---- Semantic: accents ---- */
  --accent: var(--par-terracotta);
  --accent-hover: var(--par-terracotta-700);
  --accent-active: var(--par-terracotta-900);
  --brand: var(--par-green);
  --brand-hover: var(--par-green-700);
  --brand-active: var(--par-green-900);

  /* ---- Focus ---- */
  --focus-ring: var(--par-terracotta);
}