/* ===========================================================================
   GALERIE LEHALLE — Color tokens
   The palette is deliberately restrained: one signature indigo (sampled from
   the logo), a warm gallery-white paper, a near-black ink, a warm stone grey
   scale, and a single brass accent used sparingly for placards and rules.
   =========================================================================== */

:root {
  /* --- Bleu Galerie : signature indigo (base = 700, sampled #302880) ------ */
  --bleu-50:  #f5f4fb;
  --bleu-100: #eceaf8;
  --bleu-200: #d7d3f0;
  --bleu-300: #b4aee2;
  --bleu-400: #8a82d0;
  --bleu-500: #6358bc;
  --bleu-600: #463ca0;
  --bleu-700: #302880; /* BRAND — Bleu Galerie */
  --bleu-800: #241d66;
  --bleu-900: #1b1648;

  /* --- Ink : warm-cool near black ----------------------------------------- */
  --ink:      #1a1a22;
  --ink-soft: #2a2a34;

  /* --- Paper & white : gallery surfaces ----------------------------------- */
  --white:        #ffffff;
  --paper:        #faf8f4; /* warm gallery white — default page ground */
  --paper-deep:   #f3efe7; /* recessed warm panel */

  /* --- Stone : warm neutral grey scale ------------------------------------ */
  --stone-50:  #f8f5f0;
  --stone-100: #f1ede6;
  --stone-200: #e6e1d8;
  --stone-300: #cfc9bf;
  --stone-400: #a8a299;
  --stone-500: #8a857b;
  --stone-600: #6c675f;
  --stone-700: #524e47;
  --stone-800: #38352f;
  --stone-900: #24221e;

  /* --- Laiton : brass accent (use sparingly — rules, placards, hover) ----- */
  --laiton-300: #d8c39a;
  --laiton-500: #b08d57;
  --laiton-700: #8a6b3c;

  /* --- Status (kept muted to suit the editorial tone) --------------------- */
  --success: #4c7a52;
  --warning: #b5862f;
  --danger:  #9d4035;

  /* =========================================================================
     SEMANTIC ALIASES — author UI against these, not the raw scales
     ========================================================================= */

  /* Text */
  --text-primary:   var(--ink);
  --text-secondary: var(--stone-700);
  --text-muted:     var(--stone-500);
  --text-brand:     var(--bleu-700);
  --text-on-dark:   var(--paper);
  --text-on-dark-muted: color-mix(in srgb, var(--paper) 64%, transparent);

  /* Surfaces */
  --surface-page:    var(--paper);
  --surface-card:    var(--white);
  --surface-sunken:  var(--paper-deep);
  --surface-inverse: var(--bleu-700);
  --surface-ink:     var(--ink);

  /* Brand actions */
  --brand:        var(--bleu-700);
  --brand-hover:  var(--bleu-800);
  --brand-active: var(--bleu-900);
  --on-brand:     var(--paper);

  /* Accent */
  --accent:       var(--laiton-500);
  --accent-soft:  var(--laiton-300);

  /* Borders & rules */
  --border-subtle: var(--stone-200);
  --border-default: var(--stone-300);
  --border-strong:  var(--ink);
  --border-brand:   var(--bleu-700);
  --rule-hair:      color-mix(in srgb, var(--ink) 14%, transparent);

  /* Focus */
  --focus-ring: color-mix(in srgb, var(--bleu-500) 55%, transparent);
}