/* ============================================================
   Lutopie Business Club — Color tokens
   Palette: 60% forêt · 30% crème/noir · 10% accent
   One single point of accent per visual.
   ============================================================ */
:root {
  /* ---- Brand base palette ---- */
  --lbc-forest:        #06332E;  /* Vert forêt — couleur principale, fonds, signature */
  --lbc-yellow:        #FFDE59;  /* Jaune — accent / CTA, avec parcimonie */
  --lbc-ink:           #0F0F0F;  /* Noir — textes, contrastes */
  --lbc-gold:          #C9A84C;  /* Or — filets fins, sceau, touches de luxe */
  --lbc-cream:         #F0E8D6;  /* Crème — fonds clairs, documents */
  --lbc-white:         #FCFAF4;  /* Blanc cassé, légèrement chaud */

  /* ---- Forest tints & shades ---- */
  --lbc-forest-900:    #041F1C;  /* deepest — overlays, depth */
  --lbc-forest-800:    #052824;
  --lbc-forest-700:    #06332E;  /* = base */
  --lbc-forest-600:    #0A453E;  /* hover on dark surfaces */
  --lbc-forest-500:    #0F564D;
  --lbc-forest-200:    #9CB4AF;  /* muted text on cream */
  --lbc-forest-100:    #D7E0DD;

  /* ---- Cream tints ---- */
  --lbc-cream-deep:    #E6DAC2;  /* darker cream — borders, fills on cream */
  --lbc-cream-soft:    #F6F0E4;

  /* ---- Gold tints ---- */
  --lbc-gold-soft:     #D9C081;
  --lbc-gold-deep:     #A6863A;

  /* ============================================================
     Semantic aliases — use these in components
     ============================================================ */
  /* Surfaces */
  --surface-page:      var(--lbc-cream);     /* default light document/page bg */
  --surface-card:      var(--lbc-white);     /* card on cream */
  --surface-dark:      var(--lbc-forest);    /* signature dark surface */
  --surface-dark-deep: var(--lbc-forest-900);
  --surface-ink:       var(--lbc-ink);

  /* Text */
  --text-body:         var(--lbc-ink);       /* body on light */
  --text-heading:      var(--lbc-forest);    /* headings on light */
  --text-muted:        #5A625E;              /* secondary on light */
  --text-on-dark:      var(--lbc-cream);     /* body on forest */
  --text-on-dark-soft: #B9C6C2;              /* secondary on forest */
  --text-gold:         var(--lbc-gold);

  /* Accent (CTA) — use sparingly, one per visual */
  --accent:            var(--lbc-yellow);
  --accent-text:       var(--lbc-ink);       /* black text on yellow CTA */

  /* Lines & seals — fine gold hairline, never thick borders */
  --hairline:          var(--lbc-gold);
  --hairline-soft:     color-mix(in srgb, var(--lbc-gold) 38%, transparent);
  --border-quiet:      var(--lbc-cream-deep);
  --border-on-dark:    color-mix(in srgb, var(--lbc-gold) 30%, transparent);

  /* Focus */
  --focus-ring:        color-mix(in srgb, var(--lbc-gold) 60%, transparent);
}