/* ============================================================
   Laundry Link — Color System
   Bold & local: clean "Suds Blue" primary, "Sunshine" gold accent,
   warm "Mango" coral pop, cool ink neutrals. Inspired by water +
   the energy of Uganda's sun.
   ============================================================ */
:root {
  /* ---- Brand: Laundry Link Navy (primary) — sampled from logo #292c6b ---- */
  --blue-50:  #eef0f9;
  --blue-100: #dde1f2;
  --blue-200: #bcc3e4;
  --blue-300: #939dd2;
  --blue-400: #6671bb;
  --blue-500: #3f4a98;
  --blue-600: #292c6b;  /* primary — the logo navy */
  --blue-700: #20235a;
  --blue-800: #181a47;
  --blue-900: #111336;

  /* ---- Azure: bright interactive blue (links, focus, map, illustration) ---- */
  --azure-300: #80b2ff;
  --azure-400: #4f9cff;
  --azure-500: #1f7aff;
  --azure-600: #1457d6;

  /* ---- Accent: Sunshine gold (energy / local warmth) ---- */
  --gold-50:  #fff8e6;
  --gold-100: #ffeebf;
  --gold-200: #ffe092;
  --gold-300: #ffd35c;
  --gold-400: #ffc53d;  /* accent */
  --gold-500: #f5ad17;
  --gold-600: #d6900a;

  /* ---- Pop: Mango coral (hot / highlights, used sparingly) ---- */
  --coral-100: #ffe3d8;
  --coral-300: #ffa784;
  --coral-400: #ff7a59;
  --coral-500: #f25f2a;
  --coral-600: #d44a18;

  /* ---- Fresh green (success / eco) ---- */
  --green-100: #d4f3e4;
  --green-300: #6fd3a6;
  --green-500: #1f9d6b;
  --green-600: #178055;

  /* ---- Violet (in-progress states) ---- */
  --violet-100: #e7e1ff;
  --violet-400: #9b7bff;
  --violet-500: #7c52f5;

  /* ---- Teal (info / ready states) ---- */
  --teal-100: #d2f1f1;
  --teal-500: #109a9a;

  /* ---- Neutrals: cool ink ---- */
  --white:    #ffffff;
  --ink-50:   #f4f7fb;
  --ink-100:  #e9eef5;
  --ink-200:  #d4dbe6;
  --ink-300:  #aab6c7;
  --ink-400:  #8493a8;
  --ink-500:  #5a6b85;
  --ink-600:  #44546e;
  --ink-700:  #2b3a52;
  --ink-800:  #1a2740;
  --ink-900:  #0c1626;

  /* ============================================================
     Semantic aliases — use these in components, not raw scales
     ============================================================ */
  --primary:        var(--blue-600);
  --primary-hover:  var(--blue-700);
  --primary-press:  var(--blue-800);
  --primary-soft:   var(--blue-50);
  --primary-soft-2: var(--blue-100);
  --on-primary:     var(--white);

  --accent:         var(--gold-400);
  --accent-strong:  var(--gold-500);
  --accent-soft:    var(--gold-50);
  --on-accent:      var(--ink-900);

  --hot:            var(--coral-500);
  --hot-soft:       var(--coral-100);

  /* text */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-faint:   var(--ink-400);
  --text-inverse: var(--white);
  --text-link:    var(--azure-600);

  /* surfaces */
  --surface-page:   var(--ink-50);
  --surface-card:   var(--white);
  --surface-sunken: var(--ink-100);
  --surface-inverse: var(--ink-900);
  --surface-brand:  var(--blue-600);

  /* borders / lines */
  --border:        var(--ink-200);
  --border-strong: var(--ink-300);
  --border-soft:   var(--ink-100);
  --ring:          var(--azure-400);

  /* feedback */
  --success:      var(--green-500);
  --success-soft: var(--green-100);
  --warning:      var(--gold-500);
  --warning-soft: var(--gold-100);
  --danger:       var(--coral-500);
  --danger-soft:  var(--coral-100);
  --info:         var(--teal-500);
  --info-soft:    var(--teal-100);

  /* order status palette */
  --status-pending-fg:   var(--gold-600);
  --status-pending-bg:   var(--gold-100);
  --status-confirmed-fg: var(--blue-600);
  --status-confirmed-bg: var(--blue-100);
  --status-progress-fg:  var(--violet-500);
  --status-progress-bg:  var(--violet-100);
  --status-ready-fg:     var(--teal-500);
  --status-ready-bg:     var(--teal-100);
  --status-delivery-fg:  var(--coral-600);
  --status-delivery-bg:  var(--coral-100);
  --status-done-fg:      var(--green-600);
  --status-done-bg:      var(--green-100);
  --status-cancel-fg:    var(--ink-600);
  --status-cancel-bg:    var(--ink-100);
}