/**
 * CSS変数定義
 * 臨地実習における情報モラル学習システム
 */

/* ===========================
   変数定義
   =========================== */
:root {
    /* カラーパレット - 医療系 */
    --medical-blue: #2c6fbb;
    --medical-light: #f8fafc;
    --medical-dark: #1e3a5f;
    --medical-accent: #4a90e2;
    
    /* 状態カラー */
    --success-green: #28a745;
    --warning-yellow: #ffc107;
    --danger-red: #dc3545;
    --info-blue: #17a2b8;
    
    /* グレースケール */
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    
    /* 管理者ページ用変数 */
    --primary-color: var(--medical-blue);
    --text-primary: var(--gray-900);
    --text-secondary: var(--gray-600);
    --success-color: var(--success-green);
    --success-bg: #d4edda;
    --error-color: var(--danger-red);
    --error-bg: #f8d7da;
    --warning-color: var(--warning-yellow);
    --warning-bg: #fff3cd;
    --info-color: var(--info-blue);
    --info-bg: #d1ecf1;
    
    /* フォント */
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    
    /* スペーシング */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    
    /* ボーダー */
    --border-radius: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 1rem;
    
    /* シャドウ */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}