/* ============================================================
   COLORS
   The palette both sub-brands share: vivid magenta-pink, metallic
   gold, deep ink, and warm blush/cream neutrals. Base scales first,
   then semantic aliases, then per-brand theme scopes.
   ============================================================ */
:root {
  /* --- Pink / magenta (sampled from the logo marks) --- */
  --pink-50:  #FFF0F7;
  --pink-100: #FDDCEC;
  --pink-200: #FBB6D6;
  --pink-300: #FE6AB5;   /* lotus petal */
  --pink-400: #F63C93;
  --pink-500: #ED0A78;   /* PRIMARY brand pink */
  --pink-600: #CE0068;   /* deep rose */
  --pink-700: #A80556;
  --pink-800: #7C0B41;
  --pink-900: #55082D;

  /* --- Gold (metallic; use --grad-gold for the leaf effect) --- */
  --gold-100: #FBEFCB;
  --gold-200: #F3DE9E;
  --gold-300: #E6C767;
  --gold-400: #D4AF37;   /* PRIMARY brand gold */
  --gold-500: #C8992F;
  --gold-600: #A67C1A;
  --gold-700: #7E5D12;

  /* --- Ink / neutrals (warm-tinted) --- */
  --ink-900: #1A1416;   /* near-black text */
  --ink-800: #2B2226;
  --ink-700: #43383D;
  --ink-500: #6E6167;
  --ink-400: #938890;
  --ink-300: #C2B8BE;
  --ink-200: #E4DCE1;
  --ink-100: #F2EBEE;

  /* --- Warm surfaces --- */
  --white:      #FFFFFF;
  --blush:      #FDF6F9;   /* faint pink white */
  --cream:      #FBF4EA;   /* warm gold-tinted paper */
  --champagne:  #F6EEDD;

  /* --- Semantic status --- */
  --success: #2E9E6B;
  --warning: #E0A526;
  --danger:  #D23B4E;
  --info:    #6C7BD1;

  /* ============ SEMANTIC ALIASES (default = neutral/portfolio) ============ */
  --brand:            var(--pink-500);
  --brand-strong:     var(--pink-600);
  --brand-soft:       var(--pink-100);
  --brand-contrast:   var(--white);
  --accent:           var(--gold-400);
  --accent-strong:    var(--gold-600);

  --bg-page:          var(--white);
  --bg-subtle:        var(--blush);
  --bg-inverse:       var(--ink-900);
  --surface-card:     var(--white);
  --surface-raised:   var(--white);
  --surface-sunken:   var(--pink-50);

  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-800);
  --text-muted:       var(--ink-500);
  --text-on-brand:    var(--white);
  --text-on-dark:     var(--blush);
  --text-accent:      var(--gold-600);

  --border-subtle:    var(--ink-200);
  --border-strong:    var(--ink-300);
  --border-brand:     var(--pink-200);
  --border-gold:      var(--gold-300);

  --focus-ring:       color-mix(in srgb, var(--pink-500) 45%, transparent);
}

/* ============ THEME: The Pink Portfolio (finance — bold, confident) ============ */
.theme-portfolio {
  --brand:          var(--pink-500);
  --brand-strong:   var(--pink-600);
  --brand-soft:     var(--pink-100);
  --accent:         var(--gold-400);
  --accent-strong:  var(--gold-600);
  --bg-subtle:      var(--blush);
  --surface-sunken: var(--pink-50);
  --border-brand:   var(--pink-200);
}

/* ============ THEME: Sacred Spaces 529 (wellness — softer, serene) ============ */
.theme-sacred {
  --brand:          var(--pink-400);
  --brand-strong:   var(--pink-500);
  --brand-soft:     var(--pink-50);
  --accent:         var(--gold-400);
  --accent-strong:  var(--gold-500);
  --bg-page:        var(--blush);
  --bg-subtle:      #FBF1F6;
  --surface-sunken: var(--pink-50);
  --border-brand:   var(--pink-100);
}

/* ============ THEME: Inverse / dark editorial (either brand) ============ */
.theme-dark {
  --bg-page:        var(--ink-900);
  --bg-subtle:      var(--ink-800);
  --surface-card:   var(--ink-800);
  --surface-raised: var(--ink-700);
  --text-strong:    var(--white);
  --text-body:      var(--blush);
  --text-muted:     var(--ink-300);
  --border-subtle:  color-mix(in srgb, var(--white) 12%, transparent);
  --border-strong:  color-mix(in srgb, var(--white) 22%, transparent);
}