:root {
  /* App */
  --bg-primary: #1a1428;
  --bg-secondary: #2a2240;
  --bg-card: #352d50;
  --text-primary: #fff8f0;
  --text-secondary: #c4b8d8;
  --accent: #ff6b9d;
  --accent-glow: rgba(255, 107, 157, 0.4);

  /* Art guide palette */
  --sakura-pink: #f3bdca;
  --mint-green: #bde8cf;
  --soft-lavender: #c8bce5;
  --teal-glow: #13f2d0;
  --violet-spark: #9d35ff;
  --golden-aura: #ffd76b;
  --metal-gold: #d9a83d;
  --metal-silver: #d8d8d4;
  --metal-bronze: #b57843;
  --metal-blue: #2d6fae;
  --metal-red: #b93337;
  --shop-night: #191527;
  --shop-neon: #302044;
  --paper-cream: #f3e3c6;
  --paper-ink: #322439;
  --warm-wood: #9a643d;
  --dark-wood: #5e3a2d;

  /* Dumpling colors */
  --color-rojo: #e63946;
  --color-rojo-dark: #b82d38;
  --color-naranja: #ff8a1f;
  --color-naranja-dark: #d96a00;
  --color-amarillo: #fff4a8;
  --color-amarillo-dark: #e5cf62;
  --color-verde: #2dc653;
  --color-verde-dark: #249e42;
  --color-azul: #4895ef;
  --color-azul-dark: #3a77bf;
  --color-morado: #9b5de5;
  --color-morado-dark: #7c4ab8;
  --color-rosa: #ff4fa3;
  --color-rosa-dark: #c92b83;
  --color-blanco: #f8f4ef;
  --color-blanco-dark: #d4d0cb;
  --color-negro: #2b2d42;
  --color-negro-dark: #1a1b2e;
  --color-dorado: #f0b319;
  --color-dorado-dark: #a86d08;
  --color-dorado-light: #ffe06a;

  /* Layout */
  --app-max-width: 430px;
  --header-height: 64px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 30px var(--accent-glow);
  --shadow-mystery: 0 0 28px rgba(19, 242, 208, 0.22), 0 0 42px rgba(157, 53, 255, 0.18);

  /* Animation */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}