/* 魔法宠物店 · 视觉设计 Token */
:root {
    /* 主色板 · 马卡龙高级感 */
    --c-peach: #ffb5c5;
    --c-peach-deep: #ff8fab;
    --c-mint: #a8e6cf;
    --c-mint-deep: #6bc4a6;
    --c-cream: #fff6e9;
    --c-butter: #ffe8a3;
    --c-sky: #b8e0f6;
    --c-sky-deep: #7ec8e8;
    --c-lavender: #d4c1ec;
    --c-lilac: #b8a0e0;
    --c-rose: #ff6b9d;
    --c-gold: #ffc94a;
    --c-gold-deep: #e8a317;
    --c-ink: #5c4a5a;
    --c-muted: #9a8a98;

    /* 稀有度 */
    --rarity-common: #c5c0cc;
    --rarity-rare: #6ea8ff;
    --rarity-legendary: #ffc94a;

    /* 材质 */
    --glass: rgba(255, 255, 255, 0.55);
    --glass-strong: rgba(255, 255, 255, 0.78);
    --glass-border: rgba(255, 255, 255, 0.85);
    --shadow-soft: 0 10px 40px rgba(255, 143, 171, 0.22);
    --shadow-float: 0 12px 28px rgba(92, 74, 90, 0.12);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -6px 16px rgba(255, 182, 193, 0.12);
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-pill: 999px;

    /* 字体 */
    --font-display: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive, sans-serif;
}