@charset "utf-8";

/* =============================================
   CSS Variables (Design System)
   ============================================= */
:root {
    /* Colors */
    --color-bg: #020b26;
    --color-bg-secondary: rgba(8, 25, 68, 0.75);

    --color-surface: rgba(18, 41, 92, 0.55);
    --color-border: rgba(90, 168, 255, 0.4);

    --color-primary: #39c8ff;
    --color-primary-strong: #187aff;
    --color-highlight: #0391F1;
    --color-text: #ffffff;
    --color-text-muted: #999999;
    --color-kdac: #0391F1;

    /* Typography */
    --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --font-display: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-lg: 1.125rem;   /* 18px */
    --font-size-xl: 1.25rem;    /* 20px */
    --font-size-2xl: 1.5rem;    /* 24px */
    --font-size-3xl: 1.875rem;  /* 30px */
    --font-size-4xl: 2.25rem;   /* 36px */






    /* Layout */
    --max-width: 1400px;
    --transition: 220ms ease;
}

/* =============================================
   Reset & Normalize
   ============================================= */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    position: relative;
    overflow-x: hidden;
    background-color: var(--color-bg);
    line-height: 1.6;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--font-size-lg);
}

a {cursor: pointer;}