/* ============================================================ styles_common.css — RiversideLab 共通スタイル 読み込み順: Bootstrap CSS → Bootstrap Icons → このファイル → styles_[app].css ============================================================ */ /* ============================================================ デザイントークン ============================================================ */ :root { /* ブランドカラー（川の水・空の青） */ --rl-primary: #2196F3; --rl-primary-dark: #1565C0; --rl-primary-light: #E3F2FD; /* ページ背景・サーフェス */ --rl-bg: #f4f4f4; --rl-surface: #ffffff; /* テキスト */ --rl-text: #2c3e50; --rl-text-sub: #607080; /* ボーダー・シャドウ */ --rl-border: #dde3ef; --rl-shadow: 0 2px 8px rgba(0, 0, 0, .08); --rl-shadow-hover: 0 6px 20px rgba(33, 150, 243, .18); /* 共通トークン */ --rl-radius: 10px; --rl-font: 'Roboto', Arial, sans-serif; } /* ============================================================ ベース ============================================================ */ body { font-family: var(--rl-font); background: var(--rl-bg); color: var(--rl-text); padding-bottom: 24px; /* 固定フッター分（デスクトップ高さ約20px + 4px余裕） */ } @media (max-width: 575px) { body { padding-bottom: 40px; } /* モバイル2行高さ約35px + 5px余裕 */ } /* ============================================================ ナビバー（Bootstrap override） ============================================================ */ /*