/*
 * RCI brand tokens for the website.
 * Source: RCI Color Theme 2026 (Dropbox: RCI Corporate ID/RCI Logo and Branding 2021/
 * Branding/RCI Color Themes/RCI Color Theme 2026-PPT). Adopted for the web by Gary
 * Ralston on 2026-10-16; see docs/brand-audit-2026-10-16.md.
 *
 * Use the role tokens (--rci-text, --rci-cta-*, ...) in page CSS. The palette tokens
 * exist so roles have one place to point.
 */
:root {
  /* Palette: the ten colors of the 2026 theme. Theme names in comments. */
  --rci-near-black: #231F20;   /* Shadow Grey (dk1); 2021 primary */
  --rci-white: #FFFFFF;        /* White (lt1) */
  --rci-navy: #0C4E7D;         /* Yale Blue (dk2) */
  --rci-porcelain: #F3F4ED;    /* Porcelain (lt2) */
  --rci-blue: #0075C9;         /* Twitter Blue (accent1); 2021 primary, PMS 3005C */
  --rci-amber: #EDB140;        /* Honey Bronze (accent2) */
  --rci-violet: #624AED;       /* Majorelle Blue (accent3) */
  --rci-lavender: #D7E1F4;     /* Lavender (accent4); 20% tint of PMS 3005C */
  --rci-autumn-leaf: #DE5F04;  /* Autumn Leaf (accent5); replaces the 2021 red #E3402F */
  --rci-sky: #199FFF;          /* Blue Bell (accent6, hyperlink) */

  /* Branded gradients (2021 guidelines; both color pairs are in the 2026 theme). */
  --rci-gradient-deep: linear-gradient(135deg, var(--rci-navy), var(--rci-blue));
  --rci-gradient-bright: linear-gradient(135deg, var(--rci-sky), var(--rci-blue));

  /* Type: Open Sans on the web (2021 guidelines): Extrabold headers, Bold subheaders, Regular body, Italic and Semibold for emphasis. */
  --rci-font: "Open Sans", Arial, sans-serif;
  --rci-weight-regular: 400;
  --rci-weight-semibold: 600;
  --rci-weight-bold: 700;
  --rci-weight-extrabold: 800;

  /* Roles */
  --rci-text: var(--rci-near-black);
  --rci-text-muted: color-mix(in srgb, var(--rci-near-black) 75%, var(--rci-white));  /* ≈#5A5758: 7.15:1 on white, 6.46:1 on porcelain */
  --rci-heading: var(--rci-near-black);
  --rci-link: var(--rci-blue);  /* 4.79:1 on white. On porcelain use --rci-navy for small text (4.32:1 fails AA). */
  --rci-surface: var(--rci-white);
  --rci-surface-alt: var(--rci-porcelain);
  --rci-on-dark: var(--rci-white);
  --rci-accent-on-dark: var(--rci-amber);  /* 4.57:1 on plain navy; 3.68:1 (large text only) under the blue texture. Never on --rci-blue: 2.50:1. */
  --rci-focus-ring: var(--rci-amber);

  /*
   * Calls to action: Autumn Leaf with white text. White on Autumn Leaf is 3.66:1,
   * which passes WCAG AA only as large text, so CTA text is never smaller than
   * 19px and weight 700 or more (AA large text = 18.66px bold).
   */
  --rci-cta-bg: var(--rci-autumn-leaf);
  --rci-cta-text: var(--rci-white);
  --rci-cta-font-size: 19px;
  --rci-cta-font-weight: var(--rci-weight-bold);
}