/* ============================================================
   Digital Experts — Colour tokens
   ------------------------------------------------------------
   Official supporting neutrals (Brand Guide v1.0):
     Black #000000 · Cream #E2DCD2 · White #FFFFFF
   Brand palette (confirmed) — a warm, characterful, members'-
   club set of seven hue families, each in light / mid / deep.
   The deep forest green is the primary (the guiding orb); navy
   anchors the darks; gold is the club accent. The lighter and
   mid tones give the brand its expressive, editorial range.
   ============================================================ */

:root {
  /* ---- Neutrals -------------------------------------------- */
  --de-black:        #000000;
  --de-ink:          #14140F;   /* soft near-black body text */
  --de-cream:        #E2DCD2;   /* official brand cream */
  --de-cream-deep:   #D5CDBF;   /* darker cream — borders / fills */
  --de-cream-soft:   #EFEAE1;   /* lighter cream — raised surfaces */
  --de-white:        #FFFFFF;

  /* ---- Brand palette (7 families · light / mid / deep) ----- */
  /* Gold */
  --de-gold-light:   #EED484;
  --de-gold:         #DAAA00;
  --de-gold-deep:    #4A412A;

  /* Orange */
  --de-orange-light: #FDBE87;
  --de-orange:       #DC582A;
  --de-orange-deep:  #4F2910;

  /* Coral */
  --de-coral-light:  #F8C1B8;
  --de-coral:        #F2827F;
  --de-coral-deep:   #651C32;

  /* Pink */
  --de-pink-light:   #EFBAE1;
  --de-pink:         #F59BBB;
  --de-pink-deep:    #3F2A56;

  /* Purple */
  --de-purple-light: #C7B2DE;
  --de-purple:       #6558B1;
  --de-purple-deep:  #00205B;

  /* Blue */
  --de-blue-light:   #A4C8E1;
  --de-blue:         #6FC2F4;
  --de-blue-deep:    #003865;

  /* Green */
  --de-green-light:  #A1D6CA;
  --de-green-lime:   #BED494;
  --de-green:        #154734;   /* PRIMARY — the guiding orb */

  /* ---- Derived / compatibility aliases --------------------- */
  --de-green-deep:   #0E2F23;   /* darker than primary for backgrounds */
  --de-green-mid:    #1F6249;   /* hover shade */
  --de-green-soft:   #E4ECE7;   /* pale tint — badge / surface fills */

  --de-navy:         #00205B;   /* = purple-deep, secondary */
  --de-navy-mid:     #123A7E;
  --de-navy-soft:    #E5E9F0;

  --de-gold-bright:  #DAAA00;   /* = gold */
  --de-gold-soft:    #F0E7CF;   /* pale gold tint */

  /* Semantic status */
  --de-success:      #1F6249;
  --de-danger:       #8E2B25;
  --de-warning:      #DC582A;

  /* ---- Semantic aliases ------------------------------------ */
  --color-bg:            var(--de-cream);
  --color-bg-deep:       var(--de-green-deep);
  --color-surface:       var(--de-cream-soft);
  --color-surface-card:  var(--de-white);
  --color-surface-invert: var(--de-green);

  --text-strong:   var(--de-ink);
  --text-body:     #3A382F;
  --text-muted:    #6B675A;
  --text-invert:   var(--de-cream);
  --text-onbrand:  var(--de-cream);

  --brand-primary:     var(--de-green);
  --brand-primary-ink: var(--de-green-deep);
  --brand-secondary:   var(--de-navy);
  --brand-accent:      var(--de-gold);

  --border-hairline: rgba(20,20,15,0.14);
  --border-strong:   rgba(20,20,15,0.32);
  --border-onbrand:  rgba(226,220,210,0.24);

  --focus-ring: var(--de-gold-bright);
}