/*
  Rooted Rocket canonical color tokens.
  This is the only production CSS file allowed to define brand color literals.

  Stone remains part of the approved palette for non-background supporting use.
  It must never be used in background or background-color declarations, gradients,
  section surfaces, cards, heroes, navigation states, modals, or page fields.
*/

:root {
  --rr-primary-navy: #13294B;
  --rr-carolina-blue: #4B9CD3;
  --rr-white: #FFFFFF;
  --rr-copper: #B65438;
  --rr-stone: #F5F2EB;
  --rr-mist: #E9EDF1;
  --rr-flat-gray: #A2AAAD;
  --rr-dark-green: #43544D;
  --rr-steel: #425A78;
  --rr-black: #000000;

  --rr-primary-navy-rgb: 19, 41, 75;
  --rr-carolina-blue-rgb: 75, 156, 211;
  --rr-white-rgb: 255, 255, 255;
  --rr-copper-rgb: 182, 84, 56;
  --rr-stone-rgb: 245, 242, 235;
  --rr-mist-rgb: 233, 237, 241;
  --rr-flat-gray-rgb: 162, 170, 173;
  --rr-dark-green-rgb: 67, 84, 77;
  --rr-steel-rgb: 66, 90, 120;
  --rr-black-rgb: 0, 0, 0;

  /* Approved background roles. Stone is intentionally absent. */
  --rr-background-page: var(--rr-white);
  --rr-background-alternate: var(--rr-mist);
  --rr-background-energy: var(--rr-carolina-blue);
  --rr-background-dark: var(--rr-primary-navy);
  --rr-background-supporting-dark: var(--rr-dark-green);

  --rr-text-primary: var(--rr-primary-navy);
  --rr-text-secondary: var(--rr-steel);
  --rr-action: var(--rr-copper);
  --rr-border: rgba(var(--rr-flat-gray-rgb), .58);
  --rr-border-strong: rgba(var(--rr-flat-gray-rgb), .88);
  --rr-border-on-dark: rgba(var(--rr-white-rgb), .20);
  --rr-shadow-overlay: 0 18px 50px rgba(var(--rr-primary-navy-rgb), .12);
}