/* ============================================================
   AFFINZA HOME — design-system.css  (v2 — fresh design)
   SINGLE SOURCE OF TRUTH. No other CSS file contains raw hex.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Lato:wght@400;600;700&display=swap');

:root {
  /* ——— BRAND ——— */
  --pink:              #FF5FA8;
  --pink-hover:        #E54E93;
  --pink-light:        #FFF0F6;
  --pink-muted:        #FFCCE4;
  --teal:              #3ECFB2;
  --teal-hover:        #30B89D;
  --teal-light:        #EDFAF7;
  --teal-muted:        #B2EDE3;

  /* ——— AMAZON BUTTON — EXACT SPEC ——— */
  --amazon-bg:         #FFD814;
  --amazon-text:       #0F1111;
  --amazon-border:     #FCD200;
  --amazon-hover:      #F7CA00;
  --amazon-radius:     8px;

  /* ——— SEMANTIC ——— */
  --orange:            #FF9900;
  --orange-dark:       #E68A00;
  --orange-light:      #FFF3DC;
  --star:              #FFC107;
  --success:           #3ECFB2;
  --error:             #E8445A;
  --warning:           #FF9900;
  --info:              #4A9EE8;

  /* ——— TEXT ——— */
  --text-1:            #2E2620;
  --text-2:            #7A6E65;
  --text-3:            #A8998A;
  --text-on-dark:      #FFFFFF;
  --text-link:         var(--pink);
  --text-link-hover:   var(--pink-hover);

  /* ——— BACKGROUNDS ——— */
  --bg:                #FFFDF9;
  --bg-alt:            #F7F3EF;
  --bg-card:           #FFFFFF;
  --bg-highlight:      var(--pink-light);
  --bg-accent:         var(--teal-light);

  /* ——— BORDERS ——— */
  --border:            #EDE7DF;
  --border-md:         #E0D8D0;
  --border-strong:     #A8998A;

  /* ——— RADIUS — UI kit spec ——— */
  --radius-sm:         4px;
  --radius-md:         8px;
  --radius-lg:         12px;
  --radius-xl:         16px;
  --radius-2xl:        24px;
  --radius-pill:       9999px;

  /* ——— SHADOWS ——— */
  --shadow-xs:         0 1px 4px rgba(0,0,0,0.06);
  --shadow-sm:         0 2px 12px rgba(0,0,0,0.07);
  --shadow-md:         0 6px 24px rgba(0,0,0,0.12);
  --shadow-lg:         0 16px 48px rgba(0,0,0,0.16);

  /* ——— SPACING ——— */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px;

  /* ——— TYPOGRAPHY ——— */
  --ff-display:        'Nunito', sans-serif;
  --ff-body:           'Lato', sans-serif;
  --ff-mono:           'Fira Mono', 'Courier New', monospace;

  --text-xs:   12px;  --text-sm:   14px;  --text-base: 16px;
  --text-md:   18px;  --text-lg:   20px;  --text-xl:   24px;
  --text-2xl:  30px;  --text-3xl:  36px;  --text-4xl:  48px;
  --text-5xl:  64px;

  --weight-regular: 400;
  --weight-medium:  600;
  --weight-bold:    700;
  --weight-black:   800;
  --weight-ultra:   900;

  --leading-tight:   1.1;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --leading-loose:   1.8;

  --transition:      150ms ease;
  --transition-slow: 350ms ease;
}