/* CSS Variables - Figma Design System */
:root {
    /* Colors from Figma */
    --color-white: #FFFFFF;
    --color-text-light: #F5F5F6;
    --color-black: #000000;
    
    /* Career Page Colors */
    --color-g800: #131923;
    --color-g700: #222831;
    --color-g500: #40454C;
    --color-g200: #EBECEC;
    --color-g10: #FAFAFA;
    --color-b500: #022F6E;
    --color-b600: #021F4A;
    
    /* Typography */
    --font-family-primary: 'Pretendard', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
    --font-family-secondary: 'Pretendard', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
    
    /* Font Weights */
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    
    /* Font Sizes - Desktop */
    --font-size-title-desktop: 64px;
    --font-size-subtitle-desktop: 24px;
    --font-size-body-desktop: 20px;
    
    /* Font Sizes - Tablet */
    --font-size-title-tablet: 48px;
    --font-size-subtitle-tablet: 24px;
    --font-size-body-tablet: 20px;
    
    /* Font Sizes - Mobile */
    --font-size-title-mobile: 40px;
    --font-size-subtitle-mobile: 20px;
    --font-size-body-mobile: 16px;
    
    /* Layout */
    --content-width-desktop: 1440px;
    --content-width-tablet: 800px;
    --content-width-mobile: 375px;
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 80px;
    --spacing-xxxl: 120px;
    
    /* Header Heights */
    --header-height-desktop: 104px;
    --header-height-tablet: 76px;
    --header-height-mobile: 64px;
    
    /* Logo Sizes */
    --logo-width-desktop: 160px;
    --logo-height-desktop: 68px;
    --logo-width-tablet: 120px;
    --logo-height-tablet: 52px;
    --logo-width-mobile: 100px;
    --logo-height-mobile: 44px;
    
    /* Breakpoints */
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
    
    /* Admin Page Colors */
    --admin-primary: #005959;
    --admin-sub-primary: #589a9e;
    --admin-line: #f5f5f5;
    --admin-gray: #aeaeae;
}

/* 러시아어: Pretendard 다음으로 Noto Sans 적용 (폰트 변수만 재정의) */
html[lang="ru"] {
    --font-family-primary: 'Pretendard', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
    --font-family-secondary: 'Pretendard', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
}