/* ============================================================
   BLUE SALON — COLOR TOKENS
   Blue is the brand. A deep-navy → bright-cyan ladder taken from
   the brand palette, grounded by warm luxury neutrals (ivory paper
   + ink charcoal) and a restrained champagne-gold luxury accent.
   ============================================================ */
:root {
  /* ---- Brand blue scale (from supplied palette) ---- */
  --blue-900: #002a57;        /* deepest — pressed/ink navy   */
  --blue-800: #003976;        /* PRIMARY — logo navy          */
  --blue-700: #0061a5;        /* PRIMARY — royal blue         */
  --blue-600: #0077cb;        /* SECONDARY                    */
  --blue-500: #0093ca;        /* SECONDARY                    */
  --blue-400: #00a2d0;        /* SECONDARY — bright cyan      */
  --blue-300: #5cbfe0;        /* tint                         */
  --blue-200: #a6dcef;        /* tint                         */
  --blue-100: #d8eef9;        /* wash                         */
  --blue-50:  #eef7fc;        /* faintest wash / hover surface*/

  /* ---- Neutrals — warm ivory paper to cool ink ---- */
  --ink-900: #0e1722;         /* near-black, headings on light */
  --ink-800: #1d2733;
  --ink-700: #36414e;         /* body text                     */
  --ink-600: #586473;         /* secondary text                */
  --ink-500: #7c8794;         /* muted / placeholder           */
  --ink-400: #a7b0bb;         /* disabled text                 */
  --ink-300: #cdd4dc;         /* borders strong                */
  --ink-200: #e2e7ec;         /* borders / dividers            */
  --ink-100: #eef1f4;         /* subtle fill                   */
  --paper:   #ffffff;         /* card / sheet                  */
  --paper-2: #faf8f4;         /* IVORY — page background        */
  --paper-3: #f3efe8;         /* warm sand panel               */

  /* ---- Luxury accent — champagne gold (use sparingly) ---- */
  --gold-600: #9a7b3f;        /* gold text / engraving         */
  --gold-500: #c2a25e;        /* gold line / accent            */
  --gold-300: #e4d3a8;        /* soft gold wash                */

  /* ---- Semantic status ---- */
  --success: #1f8a5b;
  --success-bg: #e6f4ec;
  --warning: #b9821a;
  --warning-bg: #fbf2dc;
  --danger:  #c0392f;
  --danger-bg: #fbeae8;
  --sale:    #c0392f;         /* sale price red                */

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  --color-primary:        var(--blue-800);
  --color-primary-hover:  var(--blue-900);
  --color-primary-active: var(--blue-900);
  --color-accent:         var(--blue-600);
  --color-accent-bright:  var(--blue-400);
  --color-gold:           var(--gold-500);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-600);
  --text-subtle:    var(--ink-500);
  --text-disabled:  var(--ink-400);
  --text-on-primary: #ffffff;
  --text-link:      var(--blue-700);

  --surface-page:   var(--paper-2);
  --surface-card:   var(--paper);
  --surface-panel:  var(--paper-3);
  --surface-inverse: var(--blue-800);
  --surface-hover:  var(--blue-50);
  --surface-sunken: var(--ink-100);

  --border-subtle:  var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong:  var(--ink-700);
  --border-focus:   var(--blue-600);

  --price-regular:  var(--ink-900);
  --price-sale:     var(--sale);
}