/* ========== 萌系卡通手绘风主题 ========== */

:root {
    /* 马卡龙糖果色系 */
    --pink: #FFB7C5;
    --pink-light: #FFD1DC;
    --pink-dark: #FF8FA3;
    --mint: #B5EAD7;
    --mint-light: #D4F5E9;
    --cream: #FFF5BA;
    --cream-light: #FFFBE0;
    --lavender: #C3B1E1;
    --lavender-light: #DDD1F0;
    --sky: #A0E7E5;
    --sky-light: #C5F0EF;
    --peach: #FFDAC1;
    --peach-light: #FFE8D8;

    /* 描边和文字 */
    --stroke: #5D4037;
    --stroke-light: #8D6E63;
    --text: #4A3728;
    --text-light: #8B7355;
    --bg: #FFF9F5;
    --bg-warm: #FFF5EE;
    --white: #FFFFFF;

    /* 阴影 - 手绘感 */
    --shadow: 3px 3px 0 var(--stroke);
    --shadow-soft: 2px 2px 0 rgba(93, 64, 55, 0.15);
    --shadow-inset: inset 2px 2px 0 rgba(93, 64, 55, 0.1);

    /* 圆角 */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-xxl: 24px;

    /* 过渡 */
    --transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    overflow: hidden;
    height: 100vh;
    height: 100dvh;
    width: 100vw;
}

/* 滚动条 - 萌系风格 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--pink);
    border-radius: var(--radius-full);
    border: 1px solid var(--stroke);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--pink-dark);
}

/* 选中文本 */
::selection {
    background: var(--pink-light);
    color: var(--stroke);
}