/* ============================================================
   JACQUARD — Semantic colour
   The "Couture" direction promoted to :root — the chosen system.
   Pale-gold canvas (NOT white), maroon as primary ink and the
   colour of all key affordances, yellow as the single CTA pop,
   pink/coral reserved for generated-text highlights.

   Dark mode is opt-in: set [data-theme="dark"] on any ancestor.
   ============================================================ */

:root {
  /* Surfaces — light by default */
  --bg:        #f6efe0;   /* gold-100 — the brand canvas */
  --bg-elev-1: #efe2c8;   /* gold-200 — sidebar / topbar / muted strip */
  --bg-elev-2: #fbf7f0;   /* gold-50  — card / artifact, half a step up */
  --bg-elev-3: #efe2c8;   /* row hover */
  --bg-input:  #fbf7f0;
  --bg-cream:  #fbf7f0;
  --bg-ink:    #15020c;   /* rich-black, for hero contrast moments */

  /* Ink — never sits on rich-black in light mode */
  --ink:      #15020c;
  --ink-2:    #4e444b;    /* maroon-700 — secondary text (darkened for contrast) */
  --ink-3:    #6c6168;    /* base-300 — metadata, eyebrows (darkened for contrast) */
  --ink-4:    #c5c0c2;    /* base-100 — disabled / faintest */
  --ink-mute: rgba(21,2,12,0.45);

  /* Rules / hairlines */
  --rule:        #efe2c8; /* gold-200 hairlines */
  --rule-strong: #15020c; /* deep ink for emphasis rules & control borders */

  /* Brand actions */
  --primary:     #7a004b; /* maroon — primary affordance ink */
  --primary-ink: #f6efe0;
  --accent:      #7a004b; /* same; consistent */
  --accent-soft: #ffeef2;
  --pop:         #ffe661; /* yellow — used sparingly as accent dot / CTA */
  --gold:        #e0c797;

  /* Generated-text highlight family (the signature inline pills) */
  --gen-pink:   #ff7ae9;
  --gen-coral:  #ff6051;
  --gen-yellow: #ffe661;

  /* Status — deepened so they stay legible on the cream canvas */
  --success:      #1a754d; /* darkened from #1f8a5b — 4.5:1 on cream, success-soft, and as white-on-green */
  --success-soft: #d6f1e6;
  --warn:         #a07000;
  --warn-soft:    #fff3b0;
  --danger:       #a0121a;
  --danger-soft:  #f9d0d0;

  --glow-primary: 0 0 0 3px #ffeef2;
}

/* ----- DARK MODE -----------------------------------------------------
   Inverts surfaces to the brand-site maroon palette; yellow becomes
   the primary affordance for contrast, pink the accent. Every other
   token keeps its role. */
[data-theme="dark"] {
  --bg:        #15020c;
  --bg-elev-1: #2a001c;
  --bg-elev-2: #2a001c;
  --bg-elev-3: #540037;
  --bg-input:  rgba(251,247,240,0.06);
  --bg-cream:  #f6efe0;

  --ink:      #f6efe0;
  --ink-2:    #e8c8dc;
  --ink-3:    #ca99b7;
  --ink-4:    #af6693;
  --ink-mute: rgba(246,239,224,0.45);

  --rule:        rgba(246,239,224,0.10);
  --rule-strong: #f6efe0;

  --primary:     #ffe661;
  --primary-ink: #15020c;
  --accent:      #ff7ae9;
  --accent-soft: rgba(255,122,233,0.16);

  --success:      #2eb886;
  --success-soft: rgba(46,184,134,0.16);
  --warn:         #f1a33c;
  --warn-soft:    rgba(241,163,60,0.18);
  --danger:       #e0284a;
  --danger-soft:  rgba(224,40,74,0.18);
}