/* ============================================================
   COLORS — Expert Services Nettoyage
   Deep teal-navy (trust, cleanliness, light medical) +
   warm orange accent (urgency, contact CTAs). Lots of white.
   ============================================================ */
:root {
  /* --- Brand: deep teal / navy scale --- */
  --teal-950: #06222B;   /* deepest — footer, dark sections */
  --teal-900: #0A2E3B;   /* primary brand ink */
  --teal-800: #0D3B4A;
  --teal-700: #0E5563;
  --teal-600: #0F6E7C;   /* primary teal */
  --teal-500: #12879A;   /* interactive teal */
  --teal-400: #2BA3B4;
  --teal-300: #6FC4CF;
  --teal-200: #A9DDE3;
  --teal-100: #D8F0F2;
  --teal-50:  #ECF8F9;   /* tint surface */

  /* --- Accent: warm orange (CTA / urgency) --- */
  --orange-700: #C2480F;
  --orange-600: #E25613;   /* CTA hover */
  --orange-500: #F26A1B;   /* CTA primary */
  --orange-400: #F9883F;
  --orange-300: #FCB07C;
  --orange-100: #FDE7D6;
  --orange-50:  #FEF4EC;

  /* --- Neutrals: cool-warm slate --- */
  --ink:        #0C2630;   /* primary text */
  --slate-800:  #1B3A45;
  --slate-700:  #2E4D57;   /* strong body text */
  --slate-600:  #44636D;
  --slate-500:  #5E7A83;   /* secondary text */
  --slate-400:  #8AA3AB;   /* muted / placeholder */
  --slate-300:  #B6C8CD;
  --slate-200:  #D8E3E6;   /* borders */
  --slate-150:  #E6EEF0;   /* light border */
  --slate-100:  #F0F5F6;   /* subtle surface */
  --slate-50:   #F7FAFB;   /* page tint */
  --white:      #FFFFFF;

  /* --- Semantic status --- */
  --success-600: #1E7A52;
  --success-100: #DCF2E6;
  --warning-600: #B7791F;
  --warning-100: #FBEFD3;
  --danger-600:  #C0392B;
  --danger-100:  #FBE3DF;
  --info-600:    #12879A;
  --info-100:    #D8F0F2;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  /* Text */
  --text-strong:    var(--ink);
  --text-body:      var(--slate-700);
  --text-muted:     var(--slate-500);
  --text-faint:     var(--slate-400);
  --text-on-dark:   #EAF4F5;
  --text-on-dark-muted: #9FBEC4;
  --text-inverse:   var(--white);
  --text-accent:    var(--teal-600);

  /* Surfaces */
  --surface-page:    var(--white);
  --surface-tint:    var(--slate-50);
  --surface-teal:    var(--teal-50);
  --surface-card:    var(--white);
  --surface-dark:    var(--teal-900);
  --surface-darker:  var(--teal-950);
  --surface-accent-soft: var(--orange-50);

  /* Brand / interactive */
  --brand:           var(--teal-900);
  --brand-teal:      var(--teal-600);
  --brand-teal-hover:var(--teal-700);
  --cta:             var(--orange-500);
  --cta-hover:       var(--orange-600);
  --cta-active:      var(--orange-700);
  --link:            var(--teal-600);
  --link-hover:      var(--teal-700);

  /* Borders / lines */
  --border:          var(--slate-200);
  --border-soft:     var(--slate-150);
  --border-strong:   var(--slate-300);
  --border-on-dark:  rgba(255,255,255,0.14);
  --ring:            color-mix(in srgb, var(--teal-500) 45%, transparent);
}