/* ===== Unified Color System ===== */
/* 
  メインカラー: Navy #0F1C3F (信頼感、プロフェッショナル)
  サブカラー: Red #E63946 (情熱、行動喚起、アクション)
  背景色: Light Gray #F3F4F6、White #FFFFFF
  テキスト: Navy系の濃淡
*/

:root {
    /* Main colors */
    --color-navy: #0F1C3F;
    --color-navy-dark: #0a1329;
    --color-navy-light: #1e2d5f;
    
    /* Accent color */
    --color-accent: #E63946;
    --color-accent-light: #FF7A85;
    --color-accent-dark: #d32f3d;
    
    /* Background colors */
    --color-bg-light: #F3F4F6;
    --color-bg-white: #FFFFFF;
    
    /* Text colors */
    --color-text-primary: #0F1C3F;
    --color-text-secondary: rgba(15, 28, 63, 0.7);
    --color-text-tertiary: rgba(15, 28, 63, 0.5);
    
    /* Border colors */
    --color-border-light: rgba(15, 28, 63, 0.08);
    --color-border-medium: rgba(15, 28, 63, 0.15);
    
    /* Shadow colors */
    --shadow-sm: 0 16px 40px -30px rgba(15, 28, 63, 0.5);
    --shadow-md: 0 20px 48px -28px rgba(15, 28, 63, 0.55);
    --shadow-lg: 0 24px 60px -30px rgba(15, 28, 63, 0.6);
}

/* Gradient utilities */
.gradient-navy {
    background: linear-gradient(145deg, var(--color-navy), var(--color-navy-dark));
}

.gradient-accent {
    background: linear-gradient(145deg, var(--color-accent), var(--color-accent-light));
}

/* Color utilities for consistency */
.text-navy { color: var(--color-navy); }
.text-accent { color: var(--color-accent); }
.bg-navy { background-color: var(--color-navy); }
.bg-accent { background-color: var(--color-accent); }
.bg-light { background-color: var(--color-bg-light); }
.border-navy { border-color: var(--color-border-light); }