/* Domus Paradox — Color tokens  (PURPLE + GOLD brand reskin)
   Brand: royal/aubergine purple as the primary family, antique gold as the
   warm accent, on warm cream/parchment. Original botanical-green palette is
   preserved in colors.css.green-backup.

   NOTE: token *names* are kept identical to the original (--green-*, --clay-*)
   so no JSX/CSS references had to change — only the VALUES were remapped.
   --green-* now holds the PURPLE ramp; --clay-* now holds the GOLD ramp. */

:root {
  /* ---- Purple (primary brand family) — was "green" ---- */
  --green-950: #1B1023;
  --green-900: #2A1838; /* deepest aubergine — strong text on light, dark sections, footer */
  --green-800: #3A2150;
  --green-700: #4E2D6B; /* brand primary */
  --green-600: #633C86; /* royal purple — primary hover/links */
  --green-500: #815AA3;
  --green-400: #9F7CC0; /* lilac */
  --green-300: #C2A8DC;
  --green-200: #DDCBEC; /* soft lilac tint */
  --green-100: #EDE3F5; /* mist */
  --green-50:  #F6F1FA; /* faint wash */

  /* ---- Warm neutrals (parchment / paper / ink) ---- */
  --cream-100: #FBF8F1; /* page background, warm paper */
  --cream-200: #F4EFE3; /* sunken warm surface */
  --cream-300: #EAE3D2; /* warm hairline / divider */
  --paper:     #FFFFFF; /* crisp card surface */

  --ink-900: #221A2A; /* primary text — warm near-black, faint purple cast */
  --ink-700: #3E3545; /* strong body */
  --ink-500: #635A6B; /* muted body */
  --ink-400: #897F92; /* placeholder / captions */
  --ink-300: #B2A8BB; /* disabled text */

  /* ---- Gold (warm accent) — was "clay" ---- */
  --clay-700: #7A5E12;
  --clay-600: #9A781B; /* accent hover */
  --clay-500: #B08D22; /* accent — CTAs, welcome moments, secondary actions */
  --clay-300: #E2C871;
  --clay-100: #F6ECCB;

  /* ---- Gold (sparing bright highlight) ---- */
  --gold-500: #D4AF47; /* bright leaf-gold — highlights on dark purple */
  --gold-100: #F4EACB;

  /* ---- Semantic status (success stays GREEN on purpose) ---- */
  --success-600: #3E7A57;
  --success-100: #E4EEE6;
  --warning-600: #B98114;
  --warning-100: #F7ECCF;
  --danger-600:  #B14A3C;
  --danger-100:  #F6E2DC;
  --info-600:    #3F6E84;
  --info-100:    #DFEBF1;

  /* ================= Semantic aliases ================= */
  --surface-page:    var(--cream-100);
  --surface-card:    var(--paper);
  --surface-sunken:  var(--cream-200);
  --surface-mist:    var(--green-100);
  --surface-forest:  var(--green-900); /* dark (deep-purple) sections */
  --surface-overlay: rgba(27, 16, 35, 0.50);

  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-400);
  --text-inverse:  var(--cream-100);
  --text-on-forest:#E7DCF0;

  --brand:        var(--green-700);
  --brand-strong: var(--green-900);
  --brand-hover:  var(--green-800);
  --brand-link:   var(--green-600);
  --accent:       var(--clay-500);
  --accent-hover: var(--clay-600);

  /* Brand gradients — deep-purple depth for primary actions & dark panels */
  --gradient-brand:       linear-gradient(160deg, var(--green-600) 0%, var(--green-900) 100%); /* @kind color */
  --gradient-brand-hover: linear-gradient(160deg, var(--green-700) 0%, var(--green-950) 100%); /* @kind color */

  --border-subtle: var(--cream-300);
  --border-mist:   var(--green-200);
  --border-strong: var(--green-300);

  --focus-ring: rgba(78, 45, 107, 0.42);
}