/* iMusingz — tenant brand overrides.
   ────────────────────────────────────────────────────────────────────────────
   Every value below was READ OFF the live site at https://imusingz.com on
   2026-08-10, not invented:

     --imusingz-bg-lavender  #f7f3fa   their own CSS variable
     --imusingz-gold-dark    #806517   their own CSS variable
     --imusingz-gold-light   #b8a067   their own CSS variable
     --imusingz-text-body    #4a4a4a   their own CSS variable
     #6b21a8   used 16× — the dominant purple, on links and borders
     #d4a853   used 13× — gold, on headings and CTA backgrounds
     #795b1b   used 12× — bronze, almost always as `color:`
     #2d0a5e   used  9× — a deeper purple for headings
     #0d0221   used 10× — near-black with a purple cast, body ink
     Fonts: --imusingz-font-headings 'Playfair Display', body 'Poppins'

   Loaded last, so these beat the design system without touching it.
   ──────────────────────────────────────────────────────────────────────────── */
:root {
  /* Primary ramp — purple. 600 is their #6b21a8; the rest is a ramp built
     around it, because re-pointing only --brand leaves every hover, border and
     tint state grey and the result reads as a rendering fault. */
  --violet-900: #14032b;
  --violet-800: #1f0640;
  --violet-700: #2d0a5e;   /* theirs — deep heading purple */
  --violet-600: #6b21a8;   /* theirs — the dominant brand purple */
  --violet-500: #8637c4;
  --violet-400: #a566d6;
  --violet-300: #c49ce6;
  --violet-200: #decdf2;
  --violet-100: #efe6f8;
  --violet-50:  #f7f3fa;   /* theirs — --imusingz-bg-lavender */

  /* Accent ramp — gold. #d4a853 is decorative only at 3.0:1 on white; the
     accent-ink value below is what any small text must use. */
  --blue-800: #4a3810;
  --blue-700: #5f4814;
  --blue-600: #795b1b;   /* theirs — bronze, used as a text colour 12× */
  --blue-500: #806517;   /* theirs — --imusingz-gold-dark */
  --blue-300: #b8a067;   /* theirs — --imusingz-gold-light */
  --blue-100: #f2e8cf;
  --blue-50:  #faf5e8;

  /* Ink, warmed slightly toward their #4a4a4a body text and #0d0221 headings */
  --ink-950: #0d0221;    /* theirs */
  --ink-900: #1a0f2b;
  --ink-800: #2d2438;
  --ink-700: #4a4a4a;    /* theirs — --imusingz-text-body */
  --ink-600: #5c5866;
  --ink-500: #736f7d;
  --ink-400: #9a95a3;
  --ink-300: #bfbac7;
  --ink-200: #e0dce6;
  --ink-100: #f0edf4;
  --ink-50:  #faf8f9;    /* theirs — the off-white used 8× */

  /* Semantic aliases. Contrast on white: --brand 8.5:1, --text-link 12.9:1,
     white on --brand 8.5:1. The gold at #d4a853 is 3.0:1 and is therefore used
     ONLY as a decorative rule and a large-heading colour, never for body text —
     --accent-ink (#795b1b, 6.2:1) is what small text gets. */
  --brand:            var(--violet-600);
  --brand-strong:     var(--violet-700);
  --brand-soft:       var(--violet-100);
  --brand-tint:       var(--violet-50);
  --accent:           #d4a853;
  --accent-strong:    var(--blue-600);
  --accent-soft:      var(--blue-100);

  --text-heading:     var(--ink-950);
  --text-body:        var(--ink-700);
  --text-link:        var(--violet-700);
  --text-link-hover:  var(--violet-600);

  --surface-tint:     var(--violet-50);
  --border-brand:     var(--violet-300);
  --focus-ring:       var(--violet-500);

  /* Their typefaces. Self-hosting these is a follow-up — see the note in
     ops/brands/imusingz/README.md. Until then the stack falls through to the
     product's own self-hosted Newsreader/Nunito Sans, which is close in feel
     and costs no third-party request. */
  --font-display: 'Playfair Display', 'Newsreader', Georgia, serif;
  --font-body:    'Poppins', 'Nunito Sans', system-ui, -apple-system, sans-serif;

  /* Their shadow tint, purple rather than the product's neutral. */
  --shadow-brand: 0 10px 30px rgba(107, 33, 168, .22);
}

/* The logo is a detailed circular illustration, so it needs to stay circular
   and not be squashed by the header's flex sizing. */
.brand-logo,
.auth-logo-wrap img {
  border-radius: 50%;
  object-fit: cover;
}