/* ─────────────────────────────────────────────────────────────
   SellWorthy — Brand Tokens
   Source of truth for the SellWorthy design system.
   Every color reference in style.css should resolve to a token here.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ─── Primary brand colors ─── */
  --sw-navy:            #1E2A52;   /* primary brand navy — 'Sell', mark background, primary text */
  --sw-navy-hover:      #2A3968;   /* hover / active state for navy elements */
  --sw-navy-deep:       #141C3A;   /* deeper navy for shadows, borders, high-contrast fills */
  --sw-navy-tint-1:     #E8ECF5;   /* subtle navy tint for backgrounds, hover rows */
  --sw-navy-tint-2:     #C5CEE0;   /* borders, dividers, disabled fills */

  --sw-orange:          #F4A22A;   /* signature accent — 'Worthy', check, CTAs, emphasis */
  --sw-orange-hover:    #E89217;   /* hover state on orange CTAs */
  --sw-orange-tint-1:   #FDF3E1;   /* subtle orange tint for callouts, RQS high band */
  --sw-orange-tint-2:   #F9D9A0;   /* softer orange for badges, chips */

  /* ─── Neutrals (built to pair with the navy/orange system) ─── */
  --sw-white:           #FFFFFF;
  --sw-off-white:       #FAFAF7;   /* app background — warm, not clinical */
  --sw-canvas:          #F5F5F0;   /* card background, panel fills */
  --sw-line:            #E4E4DC;   /* subtle dividers */
  --sw-line-strong:     #C8C8BE;   /* stronger dividers, input borders */

  --sw-ink-1:           #1E2A52;   /* primary text — same as navy */
  --sw-ink-2:           #4A5578;   /* secondary text — muted navy */
  --sw-ink-3:           #7A8299;   /* tertiary / caption text */
  --sw-ink-4:           #A8ADBD;   /* placeholder text */

  /* ─── Functional semantics (RQS bands, status pills, alerts) ─── */
  /* RQS bands map to a green→orange→red gradient for at-a-glance quality read */
  --sw-band-excellent:  #16A34A;   /* RQS 90-100 — deep green */
  --sw-band-good:       #65A30D;   /* RQS 75-89 — lime green */
  --sw-band-fair:       #F4A22A;   /* RQS 50-74 — SellWorthy orange (right in the middle, brand-consistent) */
  --sw-band-poor:       #EA580C;   /* RQS 25-49 — deeper orange */
  --sw-band-floor:      #DC2626;   /* RQS 0-24 or GM<30% floor — red */

  --sw-success:         #16A34A;
  --sw-warning:         #F4A22A;
  --sw-danger:          #DC2626;
  --sw-info:            #1E2A52;

  /* ─── Quote/job status pill colors ─── */
  --sw-status-draft:       #7A8299;   /* neutral gray — nothing has happened yet */
  --sw-status-sent:        #1E2A52;   /* navy — in flight */
  --sw-status-signed:      #16A34A;   /* green — win */
  --sw-status-lost:        #DC2626;   /* red — loss */
  --sw-status-cancelled:   #A8ADBD;   /* faded — no signal */

  --sw-job-to-schedule:    #F4A22A;   /* orange — needs attention */
  --sw-job-scheduled:      #1E2A52;   /* navy — on the books */
  --sw-job-in-progress:    #2563EB;   /* blue — active */
  --sw-job-complete:       #16A34A;   /* green — done */
  --sw-job-cancelled:      #A8ADBD;

  /* ─── Radii, shadows, typography — kept minimal, matches enterprise feel ─── */
  --sw-radius-sm:  6px;
  --sw-radius-md:  10px;
  --sw-radius-lg:  14px;
  --sw-radius-pill: 999px;

  --sw-shadow-1: 0 1px 2px rgba(30, 42, 82, 0.06), 0 1px 3px rgba(30, 42, 82, 0.08);
  --sw-shadow-2: 0 4px 12px rgba(30, 42, 82, 0.10), 0 2px 4px rgba(30, 42, 82, 0.06);
  --sw-shadow-3: 0 12px 32px rgba(30, 42, 82, 0.14), 0 4px 8px rgba(30, 42, 82, 0.08);

  --sw-font-body:     'Satoshi', 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sw-font-display:  'General Sans', 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sw-font-mono:     ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

/* ─── Convenience utility classes ─── */
.sw-text-navy   { color: var(--sw-navy); }
.sw-text-orange { color: var(--sw-orange); }
.sw-bg-navy     { background: var(--sw-navy); color: var(--sw-white); }
.sw-bg-orange   { background: var(--sw-orange); color: var(--sw-white); }
.sw-bg-canvas   { background: var(--sw-canvas); }