/* ===========================================================================
   Fluffy Favourites — Color Tokens
   Playful carnival palette: hot-pink brand, gold trim, cream surfaces,
   sky-blue + grass-green scene colors, lavender + rainbow accents.
   =========================================================================== */

:root {
  /* --- Brand pink (primary) ------------------------------------------------ */
  --pink-50:  #FFF0F8;
  --pink-100: #FFD9EE;
  --pink-200: #FFB1DD;
  --pink-300: #FF7FC5;
  --pink-400: #FB52AE;
  --pink-500: #ED1E92;  /* core brand magenta — the logo lettering */
  --pink-600: #D10F7E;
  --pink-700: #A60A63;
  --pink-800: #76063F;

  /* --- Gold (trim / premium accent) ---------------------------------------- */
  --gold-100: #FBEFC9;
  --gold-200: #F6E0A0;
  --gold-300: #F1CF6E;
  --gold-400: #EAB94A;  /* core gold */
  --gold-500: #D89F2E;
  --gold-600: #B17C1C;

  /* --- Cream / warm neutral surfaces --------------------------------------- */
  --cream-50:  #FFFDF8;
  --cream-100: #FCF5E9;  /* logo cloud cream */
  --cream-200: #F5E9D3;
  --cream-300: #EBDBBE;

  /* --- Sky blue (scene) ----------------------------------------------------- */
  --sky-200: #C6ECFB;
  --sky-300: #8FDBF7;
  --sky-400: #45C4F0;
  --sky-500: #1BA6DC;
  --sky-600: #1486B5;

  /* --- Grass green (scene / "go") ------------------------------------------ */
  --green-200: #D6EFB4;
  --green-300: #AEDD7E;
  --green-400: #93D158;
  --green-500: #7BC242;  /* grass green */
  --green-600: #5DA02C;
  --green-700: #46781F;

  /* --- Lavender / purple (dreamy accent) ----------------------------------- */
  --purple-200: #E7D4F4;
  --purple-300: #D3B0EC;
  --purple-400: #B07FD6;
  --purple-500: #9255C2;

  /* --- Rainbow chips (decorative only) ------------------------------------- */
  --rainbow-red:    #FF5A5A;
  --rainbow-orange: #FF9E2C;
  --rainbow-yellow: #FFD338;
  --rainbow-green:  #7BC242;
  --rainbow-blue:   #45C4F0;
  --rainbow-violet: #9255C2;

  /* --- Ink (warm plum-tinted text) ----------------------------------------- */
  --ink-900: #3A1430;  /* headings */
  --ink-700: #5E3550;  /* body */
  --ink-500: #8A6B80;  /* muted */
  --ink-300: #C9B8C4;  /* faint / placeholder */
  --white:   #FFFFFF;

  /* === Semantic aliases ==================================================== */
  --brand:            var(--pink-500);
  --brand-strong:     var(--pink-600);
  --brand-soft:       var(--pink-100);
  --brand-tint:       var(--pink-50);
  --accent-gold:      var(--gold-400);
  --accent-gold-deep: var(--gold-500);

  /* Text */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-faint:   var(--ink-300);
  --text-on-brand: var(--white);
  --text-link:    var(--pink-600);

  /* Surfaces */
  --surface-page:   var(--cream-50);
  --surface-card:   var(--white);
  --surface-soft:   var(--cream-100);
  --surface-brand:  var(--pink-500);
  --surface-inset:  var(--cream-100);

  /* Borders */
  --border-soft:   var(--cream-300);
  --border-card:   #F0E3CE;
  --border-brand:  var(--pink-200);

  /* Affiliate CTA — high-converting amber→gold "Claim / Play" */
  --cta-from: #FFC23D;
  --cta-to:   #F59B16;
  --cta-text: #6A3B00;
  --cta-ring: #FFE3A0;

  /* "Go" / trust CTA — grass green */
  --go-from: #93D158;
  --go-to:   #5DA02C;
  --go-text: #1F3A0C;

  /* Status */
  --success: var(--green-600);
  --warning: var(--gold-500);
  --danger:  #E23B5A;
  --info:    var(--sky-500);

  /* Star rating */
  --star-on:  var(--gold-400);
  --star-off: var(--cream-300);
}