/**
 * MISSIONA Recruit LP Styles - Variables
 * CSS変数定義
 */
 
/* ========================================
   CSS Variables (カラーとレイアウト変数)
   ======================================== */
:root {
    /* カラーパレット */
    --primary-color: #D42E1E;
    --primary-hover: #c02a26;
    --gradient-start: #f3736f;
    --gradient-end: #ff936a;
    
    /* 背景色 */
    --bg-white: #ffffff;
    --bg-gray-light: #f8f8f8;
    --bg-gray: #f0f0f0;
    --bg-pink-light: #f5fffb;
    --bg-pink-lighter: #f5f5f5;
    --bg-pink-pale: #FFF9F8;

    /* テキストカラー */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --text-gray: #555555;
    
    /* ボーダーとシャドウ */
    --border-light: #eee;
    --border-gray: #ddd;
    --border-pink: #f0dede;
    --border-tag: #cccccc;
    --shadow-subtle: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    
    /* ボタンカラー */
    --line-green: #06c755;
    --line-green-hover: #05b04d;
    
    /* スペーシング */
    --spacing-xxs: 0.25rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* ボーダーラディウス */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 25px;
    
    /* トランジション */
    --transition-fast: 0.1s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
    
    /* レイアウト幅 */
    --content-width: 55%;
}