/* GILTI — Color tokens
   Quiet luxury meets Mediterranean whimsy. A warm plaster-beige spine, soft near-black
   structure, and the signature TURQUOISE (Pantone 3252 C) as the dominant accent — with
   champagne gold and chrome used sparingly, and teal satin/velvet material gradients.
   NOTE: token NAMES are kept stable for backward compatibility; their VALUES carry the
   brand palette. Charm-accent names (terracotta/saffron/blush…) are remapped to the
   turquoise/teal/champagne family. */

:root {
  /* ----- Warm neutral base (plaster beige → midnight) ----- */
  --bone:        #FAF6EF;  /* page background — light warm off-white cream (Cappuccino Foam) */
  --cream:       #FFFFFF;  /* raised surfaces / cards */
  --sand:        #F2EDE3;  /* subtle section blocks — soft warm, never taupe */
  --stone:       #DED3C0;  /* muted fill, dividers-in-fill */
  --greige:      #B7AC97;  /* subtle text, disabled */
  --umber:       #6E6452;  /* secondary ink on light */
  --ink:         #1A1A1A;  /* primary text & structure — midnight */
  --ink-2:       #4A463F;  /* muted text */
  --midnight:    #1A1A1A;

  /* ----- Signature turquoise — Pantone 3252 C ----- */
  --turquoise:        #21A2B6;  /* THE accent — CTAs, links, details */
  --turquoise-deep:   #17808F;  /* hover */
  --turquoise-dark:   #0E5560;  /* velvet shadow */
  --turquoise-light:  #6FCAD8;  /* satin highlight */

  /* ----- Supporting deep tones & metallics (sparing) ----- */
  --teal-velvet:  #176A77;  /* deep teal — velvet drapes */
  --champagne:    #C9A86A;  /* warm gold — sparing details */
  --champagne-deep: #A8884B;
  --chrome-pewter:#B9BFC2;

  /* ----- Charm-accent family (names kept; remapped to brand) ----- */
  --terracotta:      var(--turquoise);       /* legacy alias → turquoise */
  --terracotta-deep: var(--turquoise-deep);
  --olive:       var(--teal-velvet);          /* → deep teal */
  --aegean:      #1C6B79;                      /* → deep sea teal */
  --saffron:     var(--champagne);             /* → champagne gold */
  --blush:       var(--chrome-pewter);         /* → soft chrome */
  --oxblood:     var(--turquoise-dark);        /* → deep velvet teal */

  /* tints (soft washes for fills / chips) */
  --terracotta-wash: #D5EBEF;  /* turquoise wash */
  --olive-wash:      #CFE0E1;  /* teal wash */
  --aegean-wash:     #CFE0E3;
  --saffron-wash:    #EFE6D2;  /* champagne wash */
  --blush-wash:      #E6E9EA;  /* chrome/cool wash */
  --turquoise-wash:  #D5EBEF;
  --teal-wash:       #CFE0E1;
  --champagne-wash:  #EFE6D2;

  /* ----- Chrome / foil (liquid metal — echoes the logo, sparing) ----- */
  --chrome-1: #C2C4C7;
  --chrome-2: #F4F5F6;
  --chrome-3: #9A9DA1;
  --chrome-4: #E2E3E5;
  --foil: linear-gradient(135deg, #9A9DA1 0%, #F4F5F6 22%, #C2C4C7 45%, #FFFFFF 60%, #A7AAAE 78%, #E2E3E5 100%); /* @kind color */
  /* champagne foil — warm metallic alternative */
  --foil-gold: linear-gradient(135deg, #A8884B 0%, #E7D2A2 24%, #C9A86A 46%, #F4E9CE 62%, #B89758 80%, #E7D2A2 100%); /* @kind color */

  /* ----- Material gradients: satin & velvet (for arches, product media, panels) ----- */
  --satin-turquoise: linear-gradient(135deg, #0E5560 0%, #1C8595 28%, #21A2B6 44%, #6FCAD8 53%, #21A2B6 64%, #14707E 84%, #0E5560 100%); /* @kind color */
  --satin-soft: linear-gradient(150deg, #1C8595 0%, #21A2B6 42%, #6FCAD8 55%, #1E97A8 70%, #156673 100%); /* @kind color */
  --velvet-teal: radial-gradient(130% 115% at 28% 16%, #2FA7B8 0%, #1A8190 40%, #0E5560 78%, #0A3F48 100%); /* @kind color */
  --plaster: linear-gradient(160deg, #FBF8F2 0%, #F2EADD 55%, #E8DFD0 100%); /* @kind color */

  /* ----- Semantic aliases ----- */
  --bg:               var(--bone);
  --bg-deep:          var(--sand);
  --surface:          var(--cream);
  --surface-sunk:     var(--sand);
  --surface-inverse:  var(--ink);

  --text:             var(--ink);
  --text-muted:       var(--ink-2);
  --text-subtle:      var(--umber);
  --text-faint:       var(--greige);
  --text-on-accent:   #FFFFFF;
  --text-on-inverse:  #EFEAE0;

  --accent:           var(--turquoise);
  --accent-hover:     var(--turquoise-deep);
  --accent-wash:      var(--turquoise-wash);

  --border:           #E2D8C7;   /* hairline on beige */
  --border-strong:    #CDC1AB;
  --border-on-card:   #EAE1D2;
  --border-ink:       rgba(26, 26, 26, 0.12);

  --focus-ring:       rgba(33, 162, 182, 0.40);

  /* status (kept muted; not brand colours) */
  --success: #2F8C7A;
  --error:   #A23A3A;
  --info:    var(--turquoise);
}