/* ===========================================================================
   NOYAU CRÉATIF — COLOR TOKENS
   A twilight-watercolour palette: deep navy & steel blues drawn from the
   brand's misty landscapes, lifted by a single warm gold (the aperture mark)
   and grounded on a soft cream "papier".
   =========================================================================== */
:root {
  /* --- Base ramp: Noir → Bleu → Acier → Brume → Papier ----------------- */
  --noir-900: #061C33;   /* deepest navy — sky apex of the key visuals      */
  --noir-800: #0C2238;   /* near-black twilight                              */
  --bleu-700: #16324A;   /* twilight blue                                    */
  --bleu-600: #1F3C56;   /* deep water blue                                  */
  --bleu-500: #283F58;   /* mid twilight                                     */
  --bleu-400: #384A5E;   /* slate blue                                       */
  --acier-500: #43596C;  /* steel                                            */
  --acier-400: #587887;  /* steel light (distant sky)                        */
  --brume-400: #7C93A1;  /* mist                                             */
  --brume-300: #9FB1BC;  /* pale mist                                        */
  --brume-200: #C2CBD1;  /* cloud                                            */
  --brume-100: #DCE1E2;  /* faint haze                                       */
  --papier:    #E6DECF;  /* cream paper — highlight tone of the watercolours */
  --papier-50: #F2EDE2;  /* lighter paper                                    */
  --papier-25: #F8F5EE;  /* lightest paper wash                              */
  --blanc:     #FCFBF7;  /* warm white                                       */

  /* --- Gold (the aperture) -------------------------------------------- */
  --or-300: #F7E6AC;     /* light gold                                       */
  --or-500: #F0D57B;     /* signature gold — taken from the mark             */
  --or-600: #E3C25C;     /* deep gold                                        */
  --or-700: #C29C3A;     /* bronze gold (legible on paper)                   */

  /* --- Support hues (used sparingly, all desaturated to match) --------- */
  --pin-500: #C77B5A;    /* terracotta — warm signal                        */
  --mousse-500: #6E8E72; /* moss green — positive                           */
  --ardoise-500: #9A6B6B;/* faded brick — destructive                       */

  /* === Semantic — light surfaces (app / docs) ========================== */
  --surface-base:    var(--papier-50);
  --surface-card:    var(--blanc);
  --surface-raised:  #FFFFFF;
  --surface-sunken:  var(--papier);
  --surface-hover:   #FFFFFF;

  --text-strong:     #0F2333;
  --text-body:       #233140;
  --text-muted:      #5A6E7B;
  --text-faint:      #8497A2;

  --border-subtle:   rgba(15, 35, 51, 0.08);
  --border-default:  rgba(15, 35, 51, 0.14);
  --border-strong:   rgba(15, 35, 51, 0.26);

  /* === Semantic — inverse (twilight) surfaces ========================== */
  --surface-inverse:    var(--noir-900);
  --surface-inverse-2:  var(--bleu-600);
  --text-on-dark:       var(--papier-50);
  --text-on-dark-muted: var(--brume-300);
  --border-on-dark:     rgba(230, 222, 207, 0.16);

  /* === Accent =========================================================== */
  --accent:          var(--or-600);
  --accent-strong:   var(--or-700);
  --accent-soft:     #F6EBC8;
  --accent-on:       var(--noir-900);  /* ink that sits on gold            */
  --focus-ring:      rgba(227, 194, 92, 0.55);

  /* === Status =========================================================== */
  --positive:        var(--mousse-500);
  --positive-soft:   #E5EDE3;
  --warning:         var(--or-700);
  --warning-soft:    #F5EBCF;
  --danger:          var(--ardoise-500);
  --danger-soft:     #EFE2E2;
  --info:            var(--acier-400);
  --info-soft:       #E2EAEE;
}