:root {
      /* Nueva Paleta de Colores Vibrante y Expresiva */
      --mango: #FFD45C;
      --mango-soft: #FFF3CC;
      --mango-border: #F2B922;
      --coral: #FF8066;
      --coral-soft: #FFE4DE;
      --coral-dark: #B83E28;
      --coral-action: #C9472F;
      --coral-action-hover: #B83E28;
      --mint: #8EDFC1;
      --mint-soft: #E3F9F0;
      --mint-dark: #257D5D;
      --sky: #8CCFFF;
      --sky-soft: #E5F5FF;
      --sky-dark: #1F6EA8;
      --lavender: #C7B5FF;
      --lavender-soft: #F2EEFF;
      --lavender-dark: #5B42A6;
      --pink: #FFA9CC;
      --pink-soft: #FFECF4;
      --pink-dark: #B53468;
      --bg-ivory: #FFF9EE;
      --text-dark: #34334A;
      --text-muted: #676582;
      --white: #FFFFFF;

      /* Tokens de App Infantil / Casual Game UI */
      --radius-blob: 36px;
      --radius-xl: 30px;
      --radius-lg: 24px;
      --radius-md: 18px;
      --radius-pill: 9999px;
      
      --shadow-card: 0 10px 0 rgba(52, 51, 74, 0.06), 0 14px 28px rgba(52, 51, 74, 0.08);
      --shadow-card-hover: 0 14px 0 rgba(52, 51, 74, 0.09), 0 20px 36px rgba(52, 51, 74, 0.13);
      --shadow-btn-coral: 0 6px 0 #D95B41, 0 10px 20px rgba(255, 128, 102, 0.35);
      --shadow-btn-mango: 0 6px 0 #E0AC2B, 0 10px 20px rgba(255, 212, 92, 0.35);
      --shadow-btn-mint: 0 5px 0 #5BB896, 0 8px 16px rgba(142, 223, 193, 0.35);
      --shadow-sticker: 0 4px 10px rgba(52, 51, 74, 0.14);
      --shadow-nav: 0 12px 32px rgba(52, 51, 74, 0.14), 0 4px 0 rgba(52, 51, 74, 0.06);

      --transition-bounce: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
    }