:root {
    --color-ocean-900: #0b1f3a;
    --color-ocean-700: #16345e;
    --color-ocean-500: #255084;
    --color-palm-500: #1f5c3f;
    --color-gold-500: #b88a2a;
    --color-gold-200: #f2e1b7;
    --color-white: #ffffff;
    --color-surface: #f5f7fb;
    --color-surface-strong: #eef2f8;
    --color-border: rgba(11, 31, 58, 0.1);
    --color-text: #102033;
    --color-text-soft: #485769;
    --color-text-inverse: #f8fafb;
    --color-shadow: rgba(11, 31, 58, 0.08);
    --font-heading: "Samsung Sharp Sans", "Pretendard", "Inter", "Helvetica Neue", Arial, sans-serif;
    --font-body: "Samsung Sharp Sans", "Pretendard", "Inter", "Helvetica Neue", Arial, sans-serif;
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --radius-sm: 8px;
    --radius-md: 8px;
    --radius-lg: 8px;
    --radius-xl: 28px;
    --shadow-soft: 0 1px 2px var(--color-shadow);
    --shadow-lift: 0 4px 10px rgba(11, 31, 58, 0.1);
    --container-width: 1860px;
    --container-narrow: 1320px;
    --duration-fast: 180ms;
    --duration-base: 220ms;
    --duration-slow: 250ms;
    --easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
    --header-height: 76px;
}