/* ==============================================
   CSS Variables — CodeToWeb Design Tokens
   ============================================== */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

@font-face {
    font-family: 'NoonnuBasicGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noon-2410@1.0/NoonnuBasicGothicRegular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

:root {
    /* Colors — Dark Mode */
    --bg-primary: #0a0a0a;
    --bg-secondary: #111111;
    --bg-tertiary: #1a1a1a;
    --text-primary: #e8e8e8;
    --text-secondary: #999999;
    --text-tertiary: #666666;
    --border-color: #222222;
    --accent: #e0e0e0;
    --accent-hover: #ffffff;
    --accent-light: #222222;
    --card-bg: #111111;
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    --card-shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.6);
    --header-bg: rgba(10, 10, 10, 0.95);
    --header-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    --overlay-color: rgba(0, 0, 0, 0.6);
    --tag-bg: #222222;
    --tag-text: #cccccc;
    --input-bg: #111111;
    --input-border: #2a2a2a;
    --input-focus-border: #e0e0e0;
    --accent-text: #0a0a0a;

    /* Logo */
    --logo-color: #ffffff;
    --logo-to-color: #555555;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    /* Typography */
    --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-logo: 'NoonnuBasicGothic', sans-serif;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3rem;

    /* Layout */
    --header-height: 72px;
    --max-width: 1140px;
    --border-radius: 8px;
    --border-radius-lg: 12px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
}