/* AMERICAN — Color tokens
   Source: AMERICAN Branding Guidelines (July 2020) + american-usa.com */
:root {
  /* ---- Primary palette (predominant in all communications) ---- */
  --color-red: #C42422;          /* Pantone 1805 C — RGB 196,36,34 */
  --color-black: #000000;
  --color-white: #FFFFFF;

  /* Charcoal / grays — used for dark bands and gradients on the site */
  --color-ink: #232323;          /* dark band background */
  --color-ink-900: #1a1a1a;
  --color-ink-700: #2e2e2e;
  --gray-100: #f2f2f2;           /* light section / card fill */
  --gray-200: #e6e6e6;
  --gray-300: #cfcfcf;
  --gray-400: #a8a8a8;
  --gray-500: #6f6f6f;
  --gray-600: #4a4a4a;

  /* Red states */
  --color-red-hover: #a71e1c;    /* darker red for hover/press */
  --color-red-dark: #8f1917;

  /* ---- Secondary palette (accents / diagrams only, never primary) ---- */
  --color-pale-brown: #91795E;   /* RGB 145,121,94 */
  --color-yellow: #F5C30A;       /* RGB 245,195,10 */
  --color-orange: #EB691E;       /* RGB 235,105,30 */

  /* ---- Semantic aliases ---- */
  --text-body: #232323;
  --text-heading: #1a1a1a;
  --text-muted: #6f6f6f;
  --text-on-dark: #ffffff;
  --text-on-dark-muted: #c9c9c9;
  --text-inverse: #ffffff;
  --text-link: var(--color-red);
  --text-link-hover: var(--color-red-hover);
  --accent-heading: var(--color-yellow); /* highlighted words in display headings */
  --eyebrow: var(--color-red);           /* small red category labels above titles */

  --surface: #ffffff;
  --surface-alt: #f2f2f2;
  --surface-dark: #232323;
  --surface-darker: #1a1a1a;

  --border: #e0e0e0;
  --border-strong: #cccccc;
  --divider-dark: #3a3a3a;

  --cta-bg: var(--color-red);
  --cta-bg-hover: var(--color-red-hover);
  --cta-text: #ffffff;
  --focus-ring: var(--color-red);
}