/* ============================================================
   Entirely — Color tokens
   Source: Entirely Brand Playbook (Mar 2026), §4 Color
   ============================================================ */

:root {
  /* ---- Primary palette (dominant — use for the majority of any design) ---- */
  --color-black:  #000000;  /* Black  */
  --color-slate:  #2e2e2e;  /* Slate  */
  --color-cement: #9b9b9a;  /* Cement */
  --color-sand:   #f2ebe3;  /* Sand   */
  --color-white:  #ffffff;  /* White  */

  /* ---- Greens — sub-brand: Elaine ---- */
  --color-moss:  #003e26;  /* Moss  */
  --color-olive: #8b8f41;  /* Olive */
  --color-lime:  #42dd41;  /* Lime  */
  --color-neon:  #c7f100;  /* Neon (chartreuse) — the signature accent */
  --color-sage:  #e3ebc2;  /* Sage  */

  /* ---- Blues — sub-brand: Marmind ---- */
  --color-galaxy:  #3333c4;  /* Galaxy  */
  --color-teal:    #008877;  /* Teal    */
  --color-blue:    #0aa6c7;  /* Blue    */
  --color-aqua:    #78ede3;  /* Aqua    */
  --color-heather: #ebebe2;  /* Heather */

  /* ---- Reds / Pinks — sub-brand: Censhare ---- */
  --color-plum:    #60036b;  /* Plum    */
  --color-azalea:  #e02478;  /* Azalea  */
  --color-rowan:   #f44040;  /* Rowan   */
  --color-coral:   #f66600;  /* Facelift red */
  --color-apricot: #ffa382;  /* Apricot */
  --color-petal:   #ffd1de;  /* Petal   */

  /* ---- Yellows / Oranges — sub-brand: Facelift ---- */
  --color-bark:   #733326;  /* Bark   */
  --color-orange: #ff7200;  /* Orange */
  --color-spring: #f1f200;  /* Spring */
  --color-cream:  #f1f5c2;  /* Cream  */

  /* ============================================================
     Semantic aliases — reference these in components, not raw hues
     ============================================================ */

  /* Surfaces */
  --surface-page:     var(--color-sand);    /* default warm page ground */
  --surface-page-alt: var(--color-white);
  --surface-card:     var(--color-white);
  --surface-inverse:  var(--color-black);   /* dark sections */
  --surface-moss:     var(--color-moss);    /* deep green sections */
  --surface-accent:   var(--color-neon);    /* hero / energy blocks */

  /* Text */
  --text-primary:    var(--color-black);
  --text-secondary:  var(--color-slate);
  --text-muted:      var(--color-cement);
  --text-on-dark:    var(--color-white);
  --text-on-accent:  var(--color-black);    /* black on neon/lime per logo rules */

  /* Lines & borders */
  --border-default:  var(--color-black);
  --border-subtle:   rgba(0, 0, 0, 0.12);
  --border-on-dark:  rgba(255, 255, 255, 0.22);

  /* Interactive — accent (neon) */
  --accent:          var(--color-neon);
  --accent-strong:   var(--color-lime);
  --accent-deep:     var(--color-moss);

  /* Focus ring */
  --focus-ring:      var(--color-moss);
}