/* ============================================================
   Fluffy Friends — Colour tokens
   Signature pink #FABBCB + bold ink black + warm creams.
   Base ramps first, semantic aliases second.
   ============================================================ */
:root {
  /* — Brand pink ramp (blush → bubblegum) — */
  --pink-50:  #FFF5F8;   /* faint wash, page tints            */
  --pink-100: #FDE6ED;   /* soft blush surfaces               */
  --pink-200: #FBD3DF;   /* tinted cards, hover fills         */
  --pink-300: #FABBCB;   /* ★ SIGNATURE BRAND PINK            */
  --pink-400: #F492AF;   /* deeper bubblegum, van body accent */
  --pink-500: #EC6593;   /* hot pink — use sparingly          */
  --pink-600: #D43E73;   /* pressed / emphatic pink           */

  /* — Warm neutrals (ink + sand) — */
  --ink-900: #141110;    /* near-black, primary text & logo   */
  --ink-700: #423B38;    /* strong secondary text             */
  --ink-500: #877D77;    /* muted text, captions              */
  --ink-300: #C4BBB4;    /* disabled, hairlines on dark       */
  --ink-200: #E4DCD5;    /* borders, dividers                 */
  --ink-100: #F2ECE7;    /* sand fills                        */
  --black:   #000000;    /* pure brand black (logotype)       */

  /* — Cream / paper — */
  --cream:   #FFF9F5;    /* warm off-white page               */
  --sand:    #F6EEE8;    /* secondary warm surface            */
  --white:   #FFFFFF;

  /* — Support accents (pulled from groom imagery: fur, foliage) — */
  --tan-300:  #E7C9A6;   /* warm fur tan                      */
  --mint-400: #6FB89A;   /* soft success / fresh green        */
  --sky-400:  #7FB6D9;   /* calm info blue                    */
  --amber-400:#E9A23B;   /* warning / treat amber             */
  --berry-500:#D43E73;   /* error / alert (deep pink-berry)   */

  /* ——— Semantic aliases ——— */
  --brand:            var(--pink-300);
  --brand-strong:     var(--pink-400);
  --brand-press:      var(--pink-600);

  --surface-page:     var(--cream);
  --surface-card:     var(--white);
  --surface-pink:     var(--pink-300);
  --surface-pink-soft:var(--pink-100);
  --surface-sand:     var(--sand);
  --surface-ink:      var(--ink-900);

  --text-primary:     var(--ink-900);
  --text-secondary:   var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-on-pink:     var(--ink-900);   /* black reads beautifully on the pink */
  --text-on-ink:      var(--cream);
  --text-inverse:     var(--white);

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

  --focus-ring:       var(--pink-500);

  --success:          var(--mint-400);
  --info:             var(--sky-400);
  --warning:          var(--amber-400);
  --danger:           var(--berry-500);
}