/* ===========================================================================
   Tota's Shop — Color Tokens
   Vibrant Summer Pastel / Dreamy Y2K. A strict, joyful palette built around
   a deep berry brand anchor, a hot-pink focal accent, and five pastel
   "theme" hues used to color-code gift boxes.
   =========================================================================== */
:root {
  /* --- Brand anchor (the logo ring + primary headings) --- */
  --berry-900: #4E0726;
  --berry-800: #6A0C36;
  --berry-700: #81093F;   /* sampled from logo ring */
  --berry-600: #9E1A55;
  --berry-500: #BC3A73;

  /* --- Hot Pink / Barbie Pink — the loud focal accent --- */
  --pink-700: #E03A86;
  --pink-600: #FF4FA3;
  --pink-500: #FF69B4;    /* brief: vibrant Barbie pink */
  --pink-400: #FF8FC6;
  --pink-300: #FFB3D8;

  /* --- Coral / wordmark blush --- */
  --coral-500: #F0879B;
  --coral-300: #F7B9C7;   /* the watercolor bow */
  --blush-100: #FFEAF1;   /* pale pink wash */

  /* --- The five box "theme" pastels --- */
  --peach-500:    #FF9E5E;  --peach-200:    #FFD9B8;
  --lavender-500: #C9A7EB;  --lavender-200: #E7D6F7;
  --sky-500:      #8FC9EE;  --sky-200:      #D6ECFB;
  --mint-500:     #7FD6A8;  --mint-200:     #D5F2E3;
  --lemon-500:    #FFD45E;  --lemon-200:    #FFEFBE;

  /* --- Warm berry-tinted neutrals --- */
  --ink-900: #3A1226;   /* primary text */
  --ink-700: #6B2A45;
  --ink-500: #9A6B7E;   /* secondary text */
  --ink-300: #C9AEB9;   /* disabled / hint */
  --ink-100: #F3DBE4;   /* hairlines */

  /* --- Surfaces / paper --- */
  --cream:    #FFF7F2;   /* warm peachy paper (product photography bg) */
  --paper:    #FFFBFD;   /* pink-tinted white card surface */
  --white:    #FFFFFF;

  /* =========================================================================
     SEMANTIC ALIASES — reference these in components, not the raw scale.
     ========================================================================= */
  --brand:            var(--berry-700);
  --brand-strong:     var(--berry-800);
  --accent:           var(--pink-500);
  --accent-strong:    var(--pink-600);
  --accent-soft:      var(--pink-300);

  --text-heading:     var(--berry-700);
  --text-body:        var(--ink-900);
  --text-muted:       var(--ink-500);
  --text-disabled:    var(--ink-300);
  --text-on-accent:   #FFFFFF;
  --text-on-brand:    #FFF1F6;

  --surface-page:     var(--blush-100);
  --surface-card:     var(--paper);
  --surface-cream:    var(--cream);
  --surface-sunken:   #FFE2EC;

  --border-soft:      var(--ink-100);
  --border-strong:    var(--coral-300);
  --border-brand:     var(--berry-700);

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

  /* Theme-swatch semantic handles (gift box color picker) */
  --theme-pink:     var(--pink-500);
  --theme-peach:    var(--peach-500);
  --theme-lavender: var(--lavender-500);
  --theme-sky:      var(--sky-500);
  --theme-mint:     var(--mint-500);
}