/**
 * front-colors-a.css
 * フロント表示カラー（テーマA・既定）。サイト設定「フロントカラー」が A のとき front.css の直後に読み込む。
 */
:root {
  --primary-color: #2c3e50;
  --secondary-color: #3498db;
  --accent-color: #e74c3c;
  --text-color: #333;
  --light-bg: #f8f9fa;
  --white: #ffffff;
  --fc-link: #2980b9;
  --fc-link-hover: #1e6fa0;
  --fc-hero-bg: var(--primary-color);
  --fc-body-bg: var(--white);
  --fc-header-bg: #ffffff;
  --fc-header-border: #dddddd;
  --fc-nav-sp-bg: #f5f5f5;
  --fc-nav-sp-border: #dddddd;
  --fc-nav-toggle-filter: none;
  --fc-nav-toggle-bg: rgba(44, 62, 80, 0.06);
  --fc-nav-toggle-bg-hover: rgba(44, 62, 80, 0.12);
  --fc-nav-toggle-border: rgba(44, 62, 80, 0.24);
  --fc-nav-toggle-border-hover: rgba(44, 62, 80, 0.36);
  --fc-nav-toggle-focus: #2980b9;
  --fc-footer-bg: var(--fc-link);
  --fc-footer-text: #ffffff;
  --fc-footer-link: #ffffff;
  --fc-footer-copy-border: rgba(255, 255, 255, 0.3);
  --fc-tag-bg: #e8f0fa;
  --fc-banner-bg: #e8f0fa;
  --fc-banner-border: #a8c8e8;
  --fc-banner-hover-bg: #c8dff5;
  --fc-banner-img-bg: #c8dff5;
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
  --transition: all 0.3s ease;
}