/* ============================================================
   PRIMEWAYS — COLOR TOKENS
   Anchored to the logo wordmark (royal blue #304080, steel grey
   #808080) with a punchier action blue for UI/CTAs, a charcoal/
   asphalt neutral ramp, and a secondary safety-yellow accent
   drawn from real site photography (workwear / machinery).
   ============================================================ */
:root {
  /* --- Brand: blue --- */
  --blue-900: #1A2A55;   /* deepest navy */
  --blue-800: #223566;
  --blue-700: #2A3F7E;   /* logo wordmark blue (dark) */
  --blue-600: #304080;   /* logo wordmark blue (sampled) */
  --blue-500: #1F4FA3;   /* PRIMARY brand blue */
  --blue-400: #2E68C8;   /* action / hover */
  --blue-300: #5B8FDD;
  --blue-200: #A9C5EE;
  --blue-100: #DCE8F8;
  --blue-50:  #EEF4FC;

  /* --- Neutrals: charcoal / asphalt ramp --- */
  --ink-900: #0F0F0F;    /* asphalt black */
  --ink-800: #1F1F1F;    /* charcoal — primary text */
  --ink-700: #2E2E2E;
  --ink-600: #4A4A4A;
  --ink-500: #6B6B6B;    /* mid grey — secondary text */
  --ink-400: #8C8C8C;    /* steel grey (logo shadow) */
  --ink-300: #B5B5B5;
  --ink-200: #DADADA;    /* hairline borders */
  --ink-150: #E6E6E6;
  --ink-100: #F3F3F3;    /* light grey surface */
  --ink-50:  #F8F8F8;
  --white:   #FFFFFF;

  /* --- Secondary accent: safety yellow / hi-vis --- */
  --hi-vis-600: #D99500;
  --hi-vis-500: #F5B301;  /* safety yellow */
  --hi-vis-400: #FFC72C;
  --hi-vis-100: #FFF3D1;

  /* --- Status --- */
  --success-600: #1E7A45;
  --success-100: #E2F3E9;
  --warning-500: #E08A00;
  --warning-100: #FCEFD6;
  --danger-600:  #C0392B;
  --danger-100:  #FBE5E2;

  /* --- Rating star --- */
  --star: #F5B301;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --brand:            var(--blue-500);
  --brand-strong:     var(--blue-600);
  --brand-deep:       var(--blue-900);
  --brand-action:     var(--blue-400);
  --accent:           var(--hi-vis-500);

  /* text */
  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-800);
  --text-muted:       var(--ink-500);
  --text-faint:       var(--ink-400);
  --text-on-brand:    var(--white);
  --text-on-dark:     var(--white);
  --text-link:        var(--blue-500);

  /* surfaces */
  --surface-page:     var(--white);
  --surface-subtle:   var(--ink-100);
  --surface-card:     var(--white);
  --surface-dark:     var(--ink-900);
  --surface-asphalt:  var(--ink-800);
  --surface-brand:    var(--blue-500);
  --surface-brand-deep: var(--blue-900);

  /* borders & lines */
  --border:           var(--ink-200);
  --border-strong:    var(--ink-300);
  --border-on-dark:   rgba(255,255,255,0.16);
  --divider:          var(--ink-150);

  /* focus */
  --focus-ring:       rgba(31,79,163,0.45);
}