/* Domus Paradox — Color tokens  ·  THEME: PLLC THERAPY (green + gold)
   ───────────────────────────────────────────────────────────────────
   Brand system across the Domus properties:
     • GOLD  = the constant connector (logo thread + accent) on EVERY site
     • Main hue shifts per property to match the mood of the work:
         - Therapy / PLLC  → GREEN  (this file: calm, growth, botanical)
         - Coaching        → PURPLE (see colors.coaching-purple.css)
   To reskin a property, swap ONLY the --green-* ramp; gold + neutrals stay.

   Token NAMES are unchanged from the original export so no JSX/CSS needed
   editing — only values. --green-* = primary hue ramp; --clay-* = gold accent.
   (Original green export preserved in colors.css.green-backup.) */

:root {
  /* ---- Green (primary brand family — therapy / PLLC) ---- */
  --green-950: #15271D;
  --green-900: #1F3B2C; /* deepest forest — strong text, dark sections, footer */
  --green-800: #265034;
  --green-700: #2E5E43; /* brand primary */
  --green-600: #3E7A57; /* garden green — primary hover/links */
  --green-500: #5A9270;
  --green-400: #7BA489; /* sage */
  --green-300: #A7C4B0;
  --green-200: #C9DCCF; /* soft sage tint */
  --green-100: #E4EEE6; /* mist */
  --green-50:  #F0F5F0; /* 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: #1E241B; /* primary text — warm near-black, green-tinted */
  --ink-700: #3A4234; /* strong body */
  --ink-500: #5E6856; /* muted body */
  --ink-400: #828B79; /* placeholder / captions */
  --ink-300: #AAB29F; /* disabled text */

  /* ---- Gold (THE shared connector / accent — same across all properties) ---- */
  /* Deep antique gold so white button text stays legible; names kept as clay-*. */
  --clay-700: #6F5712;
  --clay-600: #876B17; /* accent hover */
  --clay-500: #9C7C1A; /* accent — CTAs, welcome moments, the gold connector */
  --clay-300: #D9BE6B;
  --clay-100: #F4EACB;

  /* ---- Gold (bright highlight on dark) ---- */
  --gold-500: #C9A24A; /* bright leaf-gold — highlights, logo connector dot */
  --gold-100: #F4EACB;

  /* ---- Semantic status ---- */
  --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 sections */
  --surface-overlay: rgba(21, 39, 29, 0.46);

  --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:#DCE7DD;

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

  /* Brand gradients — dark-green 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(46, 94, 67, 0.40);
}