/* ============================================
CSS DESIGN TOKENS
애플어학원 (Apple Language Academy)
============================================ */
/* Font CDN Links (add to of each HTML file):
*/
:root {
/* ============================================
COLORS
============================================ */
/* Primary Brand Color */
--color-primary: #2C2750;
/* Accent Colors */
--color-accent-red: #F45D46;
--color-accent-yellow: #FFBB3A;
/* Background Colors */
--color-bg-light: #E5F5FD;
--color-bg-alt: #D7EDFA;
/* Text Colors */
--color-text: #333333;
--color-text-light: #666666;
--color-white: #FFFFFF;
/* Border Color */
--color-border: #E0E0E0;
/* ============================================
TYPOGRAPHY
============================================ */
/* Font Families */
--font-heading: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
--font-body: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
--font-accent: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
/* ============================================
SPACING
============================================ */
--space-xs: 0.5rem;
--space-sm: 1rem;
--space-md: 1.5rem;
--space-lg: 2rem;
--space-xl: 3rem;
--space-2xl: 4rem;
--space-section: 5rem;
/* ============================================
BORDER RADIUS
============================================ */
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-full: 9999px;
/* ============================================
SHADOWS
============================================ */
--shadow-card: 0 4px 20px rgba(44, 39, 80, 0.08);
--shadow-hover: 0 8px 30px rgba(44, 39, 80, 0.15);
/* ============================================
LAYOUT
============================================ */
--container-max: 1200px;
--container-padding: 1.5rem;
/* ============================================
TRANSITIONS & ANIMATIONS
============================================ */
--transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;
--transition-slow: 0.5s ease;
}