/* assets/ronnie-ui/tokens.css — V1066 RONNIE DESIGN SYSTEM · TOKENS
 *
 * The ONE canonical token set for the new Ronnie visual language
 * (approved concept direction: light professional SaaS, generous
 * whitespace, rounded cards, restrained blue, subtle Ronnie charm).
 * Home, Mission Control and Dialer redesigns all consume THESE
 * variables — never three private palettes. Presentation-only: no
 * behavior lives in this file.
 *
 * Color discipline: blue is the only accent family; green appears
 * exclusively for live/positive status; amber/red only for warnings
 * and errors. Everything else is ink on white. */
:root {
  /* background + surfaces */
  --rn-bg: #F5F7FB;
  --rn-surface: #FFFFFF;
  --rn-surface-soft: #EFF4FB;       /* tinted wells, hero wash */
  --rn-border: #E3E9F2;
  --rn-border-strong: #CBD6E6;

  /* the blue accent (Ronnie's own navy + action blue) */
  --rn-blue: #2563EB;               /* actions, links, focus */
  --rn-blue-hover: #1D4ED8;
  --rn-blue-deep: #1E3A8A;          /* Ronnie navy: face screen, logotype */
  --rn-blue-soft: #EAF1FE;          /* tint fills behind icons/badges */

  /* live / positive status — green means "live", nothing else */
  --rn-live: #16A34A;
  --rn-live-soft: #E7F6EC;

  /* text */
  --rn-text: #111827;
  --rn-text-mute: #64748B;
  --rn-text-on-blue: #FFFFFF;

  /* warning / error */
  --rn-warn: #B45309;
  --rn-warn-soft: #FDF3E3;
  --rn-error: #DC2626;
  --rn-error-soft: #FDECEC;

  /* radii */
  --rn-radius-lg: 16px;             /* cards, panels */
  --rn-radius-md: 12px;             /* buttons, inputs, list rows */
  --rn-radius-sm: 8px;              /* chips inside rows */
  --rn-radius-pill: 999px;          /* status pills, avatars */

  /* shadows — one soft elevation, never stacked drama */
  --rn-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(30, 58, 138, .07);
  --rn-shadow-lift: 0 2px 4px rgba(16, 24, 40, .05), 0 14px 34px rgba(30, 58, 138, .10);

  /* spacing scale */
  --rn-s1: 4px;  --rn-s2: 8px;  --rn-s3: 12px; --rn-s4: 16px;
  --rn-s5: 24px; --rn-s6: 32px; --rn-s7: 48px;

  /* type — Inter is already the platform family (Mission Control loads
   * it from Google Fonts); the new system standardizes on it */
  --rn-font: 'Inter', -apple-system, 'Segoe UI', Arial, sans-serif;
}