/* ========== CSS変数定義 ========== */
/* テーマカラーとデザインシステム */

:root {
    --bg: #f5f7fa;
    --fg: #333;
    --muted: #666;
    --ring-bg: #e0e6ed;
    --ring-fg: #1976d2;
    --rare-glow: #ffd54f;
    --btn: #1976d2;
    --btn-text: #fff;
    --btn-muted: #6c757d;
    --panel: #fff;
    --panel-border: #dee2e6;
    --shadow-light: rgba(0,0,0,0.07);
    --shadow-medium: rgba(0,0,0,0.15);
}