/* ============================================================
   River Runners — Color tokens
   From RR_Brand_Guide.fig color palette page.
   "The predominant color will be yellow, used as the main and
    base color. Complementary: dark blue, blue, and white."
   ============================================================ */

:root {
  /* ---- Brand core (raw values) ---- */
  --rr-yellow: #FDB515;        /* RGB 253 181 21 — primary / predominant */
  --rr-yellow-icon: #FAB600;   /* RGB 250 182 0  — logo-icon yellow */
  --rr-dark-blue: #163C66;     /* RGB 22 60 102  — dark blue */
  --rr-dark-blue-alt: #1B3761; /* RGB 27 55 97   — title/cover variant */
  --rr-blue: #1D76BC;          /* RGB 29 118 188 — blue */
  --rr-basalt: #0B0B0B;        /* RGB 11 11 11   — near-black "Basalt" */
  --rr-white: #FFFFFF;         /* RGB 255 255 255 */

  /* ---- Yellow scale (derived) ---- */
  --rr-yellow-700: #B97F00;
  --rr-yellow-600: #E0990A;
  --rr-yellow-500: #FDB515;
  --rr-yellow-300: #FFD061;
  --rr-yellow-100: #FFEFC4;
  --rr-yellow-tint: rgba(253, 181, 21, 0.20); /* watermark wash used on cover pages */

  /* ---- Dark-blue scale (derived) ---- */
  --rr-blue-900: #0E2845;
  --rr-blue-800: #163C66;
  --rr-blue-700: #1B3761;
  --rr-blue-500: #1D76BC;
  --rr-blue-300: #6FA8D6;
  --rr-blue-100: #D6E6F4;

  /* ---- Neutrals (sampled from the guide) ---- */
  --rr-ink: #0B0B0B;
  --rr-gray-900: #1A1A1A;
  --rr-gray-700: #585858;
  --rr-gray-600: #6D6D6D;
  --rr-gray-500: #7E7E7E;
  --rr-gray-400: #999999;
  --rr-gray-300: #C9C9C9;
  --rr-gray-200: #D7D7D7;
  --rr-gray-100: #ECECEC;
  --rr-off-white: #FAF8F8;
  --rr-white-pure: #FFFFFF;

  /* ---- Semantic aliases ---- */
  --color-primary: var(--rr-yellow);
  --color-primary-ink: var(--rr-dark-blue);      /* text/icon sitting on yellow */
  --color-accent: var(--rr-blue);
  --color-brand-deep: var(--rr-dark-blue);

  --surface-page: var(--rr-white);
  --surface-muted: var(--rr-off-white);
  --surface-deep: var(--rr-dark-blue);
  --surface-deep-alt: var(--rr-blue-700);
  --surface-card: var(--rr-white);

  --text-strong: var(--rr-basalt);
  --text-body: var(--rr-gray-700);
  --text-muted: var(--rr-gray-500);
  --text-on-deep: var(--rr-white);
  --text-on-deep-muted: rgba(255, 255, 255, 0.72);
  --text-on-yellow: var(--rr-dark-blue);

  --border-subtle: var(--rr-gray-200);
  --border-strong: var(--rr-gray-400);
  --border-on-deep: rgba(255, 255, 255, 0.18);

  --focus-ring: var(--rr-blue);

  /* ---- Status (outdoor-trip semantics) ---- */
  --status-go: #30CD52;        /* "open / available" green seen in guide */
  --status-warn: var(--rr-yellow);
  --status-danger: #D7372E;
  --status-info: var(--rr-blue);

  /* ---- River difficulty (Class I–V) — brand-tuned ---- */
  --class-1: #30CD52;   /* calm */
  --class-2: #1D76BC;   /* easy */
  --class-3: #FDB515;   /* intermediate */
  --class-4: #E0750A;   /* advanced */
  --class-5: #D7372E;   /* expert */
}