/* 推しにゅ〜 デザイントークン（docs/08_デザインガイドライン.md 準拠） */
:root {
    /* ブランド */
    --accent: #FF4F7B;
    --accent-soft: #FFF0F4;

    /* ニュートラル（ライト） */
    --bg: #F2F2F7;
    --surface: #FFFFFF;
    --surface2: #FFFFFF;
    --label: #000000;
    --secondary-label: rgba(60, 60, 67, 0.6);
    --tertiary-label: rgba(60, 60, 67, 0.3);
    --separator: rgba(60, 60, 67, 0.29);
    --fill: rgba(120, 120, 128, 0.2);

    /* セマンティック */
    --live: #FF4F7B;
    --success: #34C759;
    --warning: #FF9500;
    --danger: #FF3B30;

    /* 形状・余白 */
    --radius-card: 16px;
    --radius-thumb: 12px;
    --radius-sheet: 20px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;

    /* タイポグラフィ */
    --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root {
        --accent: #FF6B8F;
        --accent-soft: #3A2229;
        --bg: #000000;
        --surface: #1C1C1E;
        --surface2: #2C2C2E;
        --label: #FFFFFF;
        --secondary-label: rgba(235, 235, 245, 0.6);
        --tertiary-label: rgba(235, 235, 245, 0.3);
        --separator: rgba(84, 84, 88, 0.6);
        --fill: rgba(120, 120, 128, 0.36);
        --success: #30D158;
        --warning: #FF9F0A;
        --danger: #FF453A;
    }
}