/* ============================================================
   SERVPRO — Color Tokens
   Source: SERVPRO US Brand Identity Guide (01/2026), p.13
   ============================================================ */

:root {
  /* ---- Brand palette (exact BIG values) ---- */
  /* Primary */
  --servpro-green:        #6CC24A; /* Pantone 360C  · SW6921 Electric Lime */
  --servpro-orange:       #FF6720; /* Pantone 165C  · SW6885 Knockout Orange */

  /* Secondary */
  --storm-blue:           #333F48; /* Pantone 432C  · SW6237 Dark Knight */
  --smoke-gray:           #C7C9C7; /* Pantone 420C  · SW7668 March Wind */
  --gallatin-gray:        #E5E1E6; /* Pantone 663C  · SW6554 Lite Lavender */

  /* Auxiliary */
  --gallatin-green:       #163029; /* Pantone 5535C · SW7623 Cascades */
  --accent-tan:           #D7BEA5; /* Pantone 4675C · SW6120 Believable Buff */

  /* ---- Green ramp (hover / press / tint) ---- */
  --green-700:            #4f9a33;
  --green-600:            #5cb03f;
  --green-500:            #6CC24A; /* base */
  --green-300:            #a6dd8e;
  --green-100:            #e4f4dc;

  /* ---- Orange ramp ---- */
  --orange-700:           #d8500f;
  --orange-600:           #f15c16;
  --orange-500:           #FF6720; /* base */
  --orange-300:           #ffa676;
  --orange-100:           #ffe7d6;

  /* ---- Neutral ramp (Storm Blue based) ---- */
  --ink-900:              #1c242a;
  --ink-800:              #28323a;
  --ink-700:              #333F48; /* Storm Blue */
  --ink-500:              #5b6770;
  --ink-400:              #8a949b;
  --ink-300:              #C7C9C7; /* Smoke Gray */
  --ink-200:              #E5E1E6; /* Gallatin Gray */
  --ink-100:              #f1f0f3;
  --ink-050:              #f9f8fa;
  --white:                #ffffff;

  /* ---- Semantic aliases ---- */
  --color-brand:          var(--servpro-green);
  --color-brand-strong:   var(--green-700);
  --color-accent:         var(--servpro-orange);
  --color-accent-strong:  var(--orange-700);

  --text-heading:         var(--storm-blue);
  --text-body:            var(--ink-700);
  --text-muted:           var(--ink-500);
  --text-on-brand:        var(--white);
  --text-on-dark:         var(--white);
  --text-on-accent:       var(--white);
  --text-link:            var(--green-700);

  --surface-page:         var(--white);
  --surface-card:         var(--white);
  --surface-muted:        var(--ink-050);
  --surface-subtle:       var(--gallatin-gray);
  --surface-dark:         var(--storm-blue);
  --surface-deep:         var(--gallatin-green);
  --surface-brand:        var(--servpro-green);

  --border-subtle:        #e3e2e6;
  --border-default:       var(--smoke-gray);
  --border-strong:        var(--ink-400);

  --focus-ring:           var(--servpro-green);

  /* ---- Status (derived; not brand-defined) ---- */
  --status-success:       var(--green-700);
  --status-warning:       var(--servpro-orange);
  --status-danger:        #c1361f;
  --status-info:          var(--storm-blue);
}