/* ReliaPilot design tokens — the one place colors and fonts are defined.
   Linked from every page, BEFORE the page's own <style> block.
   Pages must not redefine these names in their own :root.

   Meaning of the signal colors (keep them consistent everywhere):
     violet = the agent / brand      amber = a person decides
     green  = confirmed, on record   red   = a gap (mock-ups only)            */

:root {
  /* Surfaces */
  --rp-ink:        #0B0B12;  /* dark sections */
  --rp-ink-2:      #12121B;  /* cards on dark */
  --rp-ink-3:      #1A1A26;
  --rp-ink-line:   #2A2940;  /* borders on dark */
  --rp-paper:      #F6F6F9;  /* light sections */
  --rp-white:      #FFFFFF;
  --rp-paper-line: #E3E2EC;  /* borders on light */

  /* Text */
  --rp-text-d:  #F2F1F7;  /* on dark */
  --rp-muted-d: #A9A7BA;
  --rp-faint-d: #6E6C84;
  --rp-text-l:  #16151F;  /* on light */
  --rp-muted-l: #5D5B6E;

  /* Brand and signals */
  --rp-violet:       #7C3AED;
  --rp-violet-hover: #6D28D9;
  --rp-violet-2:     #A78BFA;  /* violet on dark backgrounds */
  --rp-violet-soft:  #EFE9FD;
  --rp-amber:        #F5B841;
  --rp-amber-ink:    #8A5A00;  /* amber text on light */
  --rp-amber-soft:   #FEF3E2;
  --rp-green:        #34D399;
  --rp-green-ink:    #047857;
  --rp-green-soft:   #E3F6EE;
  --rp-red:          #F87171;
  --rp-red-ink:      #B91C1C;
  --rp-red-soft:     #FDECEC;

  /* Type */
  --rp-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rp-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Legacy names used by existing pages, mapped to the new palette.
     New code should use the --rp-* names. */
  --purple:       var(--rp-violet);
  --purple-light: var(--rp-violet-2);
  --purple-pale:  var(--rp-violet-soft);
  --blue:         var(--rp-violet-2);   /* blue is retired */
  --teal:         var(--rp-green);
  --dark:         var(--rp-ink);
  --dark-mid:     var(--rp-ink-2);
  --dark-card:    rgba(255, 255, 255, 0.04);
  --dark-border:  var(--rp-ink-line);
  --grad-brand:   var(--rp-violet);     /* gradients are retired: solid violet */
  --grad-blue:    var(--rp-violet);
  --footer-bg:    var(--rp-ink);
  --gray-50:  #F6F6F9;
  --gray-100: #EFEFF4;
  --gray-200: #E3E2EC;
  --gray-400: #9C99B0;
  --gray-500: #6B6980;
  --gray-600: #4F4D61;
  --gray-700: #3A3849;
  --gray-800: #23222E;
  --gray-900: #16151F;
}

/* Small shared utilities */
.rp-label {
  font-family: var(--rp-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rp-violet);
}
.rp-dark .rp-label, .rp-label.on-dark { color: var(--rp-violet-2); }
.rp-mono { font-family: var(--rp-mono); }