:root {
  /* ===== NEW BRAND COLORS ===== */
  --clr-primary         : #FF4FA3; /* Primary Pink */
  --clr-primary-hover   : #FF2D92;
  --clr-primary-light   : #FFB6D9;
  --clr-primary-pastel  : #FFD9EC;
  
  --clr-secondary       : #A855F7; /* Purple Candy */
  --clr-secondary-hover : #9333EA;
  --clr-secondary-light : #D9B8FF;

  --clr-accent          : #FFC94A; /* Gold Accent */
  --clr-accent-light    : #FFE08A;
  
  --clr-yellow          : #FFD93D; /* Cute Yellow */
  --clr-sky             : #7DD3FC;
  --clr-mint            : #86EFAC;
  --clr-peach           : #FDBA74;

  /* ===== UI COLORS ===== */
  --clr-bg              : #FFF7FB; /* Main Background */
  --clr-surface         : #FFFFFF;
  --clr-bg-alt          : #FFEAF5; /* Soft Section Background */
  --clr-footer          : #2C1144; /* Dark Footer */
  --clr-border          : #FFD4EA;
  
  --clr-heading         : #2A1144;
  --clr-body            : #5B5563;
  --clr-text-sec        : #8E8AA3;
  --clr-text-light      : #FFFFFF;
  --clr-dark            : #2A2A2A;

  /* ===== GRADIENTS ===== */
  --grad-primary        : linear-gradient(135deg, #FF4FA3, #A855F7);
  --grad-soft           : linear-gradient(135deg, #FFD9EC, #D9B8FF);
  --grad-accent         : linear-gradient(135deg, #FFB6D9, #FFC94A);

  /* ===== TIPOGRAFI ===== */
  --font-display        : 'Baloo 2', cursive;
  --font-body           : 'Poppins', sans-serif;

  --fs-xs   : 0.75rem;
  --fs-sm   : 0.875rem;
  --fs-base : 1rem;
  --fs-md   : 1.125rem;
  --fs-lg   : 1.25rem;
  --fs-xl   : 1.5rem;
  --fs-2xl  : 2rem;
  --fs-3xl  : clamp(1.75rem, 4vw, 2.5rem);
  --fs-4xl  : clamp(2.5rem, 6vw, 3.5rem);
  --fs-5xl  : clamp(3rem, 8vw, 4.5rem);

  --fw-regular  : 400;
  --fw-medium   : 500;
  --fw-semibold : 600;
  --fw-bold     : 700;
  --fw-extra-bold : 800;

  --lh-tight   : 1.2;
  --lh-normal  : 1.6;
  --lh-relaxed : 1.8;

  /* ===== SPACING ===== */
  --space-xs   : 0.5rem;
  --space-sm   : 1rem;
  --space-md   : 1.5rem;
  --space-lg   : 2rem;
  --space-xl   : 3rem;
  --space-2xl  : clamp(3rem, 8vw, 5rem);
  --space-3xl  : clamp(5rem, 12vw, 8rem);

  /* ===== BORDER RADIUS ===== */
  --radius-sm   : 12px;
  --radius-md   : 20px;
  --radius-lg   : 24px;
  --radius-xl   : 40px;
  --radius-full : 9999px;

  /* ===== SHADOW ===== */
  --shadow-sm      : 0 4px 12px rgba(255, 79, 163, 0.08);
  --shadow-md      : 0 10px 30px rgba(255, 79, 163, 0.12);
  --shadow-lg      : 0 20px 50px rgba(44, 17, 68, 0.1);
  --shadow-primary : 0 8px 15px rgba(255, 79, 163, 0.2);
  --shadow-wa      : 0 8px 24px rgba(37, 211, 102, 0.25);

  /* ===== NEOBRUTALISM TOKENS ===== */
  --br-border-dark     : #2C1144;
  --brutal-border      : 3px solid var(--br-border-dark);
  --brutal-shadow      : 6px 6px 0px var(--br-border-dark);
  --brutal-shadow-sm   : 4px 4px 0px var(--br-border-dark);
  --brutal-shadow-lg   : 10px 10px 0px var(--br-border-dark);

  /* ===== TRANSISI ===== */
  --tr-fast : 150ms ease;
  --tr-base : 300ms ease;
  --tr-slow : 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ===== MISC ===== */
  --container-max : 1200px;
  --container-pad : clamp(1rem, 5vw, 2rem);
  --navbar-height : 85px;
}