/* Real Side — shared design tokens across all three apps (Deals, PM, Analyzer).
   MERGE-SPEC.md §4 "Design tokens" / SPEC-F step 2 / SPEC-G step 1 (go dark).
   Custom properties ONLY — no selectors, no component rules. Component CSS
   lives in each consuming app's own stylesheet, reading these vars. */
:root {
  --rs-bg:         #0B0F17;   /* page background */
  --rs-paper:      #161C28;   /* surfaces, cards, table backgrounds */
  --rs-paper-2:    #1F2633;   /* raised surfaces, hover, zebra */
  --rs-ink:        #E7EAF0;   /* primary text */
  --rs-muted:      #8A93A3;   /* secondary text */
  --rs-faint:      #6B7383;   /* tertiary — counts, timestamps */
  --rs-rule:       #2A3140;   /* borders, dividers */
  --rs-hair:       #1E2531;   /* hairlines */

  /* Chrome. On a dark page the old #122A4A is too close to the background to
     read as a bar, so the chrome sits ABOVE the page in value, not below. */
  --rs-navy:       #16233A;   /* the top bar and nav chrome */
  --rs-navy-soft:  #22334F;   /* selected rows, soft fills on chrome */
  --rs-navy-hover: #22334F;   /* hover on chrome */
  --rs-navy-line:  #2C3E5C;   /* borders on chrome */
  --rs-on-navy:    #E7EAF0;   /* text on chrome */
  --rs-on-navy-dim:#93A1B8;   /* muted text on chrome */

  /* Interactive accent. Navy cannot carry this on a dark ground — it must be
     a light blue to be visible as a link/active/primary color. */
  --rs-accent:     #5FA5F0;
  --rs-accent-soft:#1C2C4A;

  --rs-good:  #34D399;  --rs-good-soft: #0F3326;
  --rs-bad:   #F87171;  --rs-bad-soft:  #3A1414;
  --rs-warn:  #FBBF24;  --rs-warn-soft: #3A2C0A;
  --rs-info:  #5FA5F0;  --rs-info-soft: #1C2C4A;
  --rs-plum:  #B98BE0;

  --rs-radius: 8px;  --rs-radius-lg: 12px;
  --rs-font:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rs-font-mono: ui-monospace, Menlo, monospace;
}