/* ============================================================
   Shams Djazair — Color tokens
   Premium, minimal, editorial. Navy dominant, one sharp accent.
   ============================================================ */
:root {
  /* ---- Brand core (raw) ---- */
  --sd-navy:            #192E45;  /* Yankees Blue — primary / dominant */
  --sd-chartreuse:      #E0FF04;  /* Chartreuse — THE single accent     */
  --sd-purple:          #4222E5;  /* Han Purple — secondary / sections  */
  --sd-white:           #FFFFFF;
  --sd-off-white:       #F4F5F3;  /* warm-neutral paper                 */

  /* ---- Navy tints (cool, desaturated — for surfaces & lines) ---- */
  --sd-navy-900:        #101F31;  /* deepest, near-black navy           */
  --sd-navy-800:        #192E45;  /* = brand navy                       */
  --sd-navy-700:        #213A55;
  --sd-navy-600:        #3A5168;
  --sd-navy-400:        #6E8196;
  --sd-navy-200:        #B9C3CD;
  --sd-navy-100:        #DCE2E8;
  --sd-navy-050:        #EEF1F4;

  /* ---- Chartreuse tint (rare, for hover/wash only) ---- */
  --sd-chartreuse-soft: #F2FF8F;

  /* ---- Purple tints ---- */
  --sd-purple-700:      #3415C7;
  --sd-purple-200:      #C7BEF9;

  /* ---- Neutral greys (UI chrome) ---- */
  --sd-grey-900:        #1A1D1E;  /* near-black used in brand artwork   */
  --sd-grey-600:        #666666;
  --sd-grey-400:        #888888;
  --sd-grey-200:        #CECECE;
  --sd-grey-100:        #E7E7E7;

  /* ---- Semantic aliases ---- */
  --color-bg:           var(--sd-off-white);
  --color-bg-canvas:    var(--sd-white);
  --surface-card:       var(--sd-white);
  --surface-raised:     var(--sd-navy-050);
  --surface-invert:     var(--sd-navy);
  --surface-feature:    var(--sd-purple);

  --text-strong:        var(--sd-navy);
  --text-body:          #34465A;
  --text-muted:         var(--sd-navy-400);
  --text-on-dark:       var(--sd-white);
  --text-on-dark-muted: #9FB0C2;
  --text-on-accent:     var(--sd-navy);   /* navy reads best on chartreuse */
  --text-on-feature:    var(--sd-white);

  --accent:             var(--sd-chartreuse);
  --accent-ink:         var(--sd-navy);    /* text/icon colour over accent  */
  --border-hairline:    var(--sd-navy-100);
  --border-strong:      var(--sd-navy);
  --focus-ring:         var(--sd-purple);
}