/*------------------------------------------------------
· apmedia Ver 1.0
· Type : custom.css
· Author : Albatrosss Pictures Kim Hyun Gyu
· Data : 2026-03-05
· Copyright @ 2026 apmedia all rights reserved
---------------------------------------------------------
· SUMMARY:
0) Responsive Area
1) Import Font
2) Basic Set
---------------------------------------------------------*/

@charset "utf-8";

/* #################################### 01.Import Font #################################### */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

:root {
    /* #################################### 02.Basic Set #################################### */

    /* 테마 불변 — 리터럴 컬러 */
    --signature-color: #ad151a;
    --gradient-signature-color: linear-gradient(180deg, var(--signature-color), transparent);

    /* 폰트 공통 */
    --set-font-size: 16px;
    --set-font-weight: 400;
    --set-font-family: "Pretendard Variable", sans-serif;

    --pointer-basic-size: 12px;
}

/* ═══════════ Dark Theme ═══════════ */
[data-theme="dark"] {
    color-scheme: dark;

    --text-color: #fff;
    --text-color-secondary: #d1d1d1;
    --signature-sub-color: #595959;
    --background-color: #000;
    --background-color-secondary: #1f1f1f;

    --pointer-basic-color: #fff;
    --gradient-basic-color: linear-gradient(180deg, transparent, #000);

    --border-color-subtle: rgba(255, 255, 255, 0.15);
    --overlay-bg: rgba(0, 0, 0, 0.95);
    --header-bg-scrolled: rgba(0, 0, 0, 0.85);
    --footer-bg: #000;
    --footer-border-color: rgba(255, 255, 255, 0.1);

    --btn-primary-bg: #fff;
    --btn-primary-color: #000;
    --card-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    --hero-logo-color: rgba(255, 255, 255, 0.15);

    --set-background: #000;
    --set-font-color: #fff;
}

/* ═══════════ Light Theme ═══════════ */
[data-theme="light"] {
    color-scheme: light;

    --text-color: #1f1f1f;
    --text-color-secondary: #4a4a4a;
    --signature-sub-color: #888;
    --background-color: #fff;
    --background-color-secondary: #f5f5f5;

    --pointer-basic-color: #1f1f1f;
    --gradient-basic-color: linear-gradient(180deg, transparent, #fff);

    --border-color-subtle: rgba(0, 0, 0, 0.1);
    --overlay-bg: rgba(255, 255, 255, 0.95);
    --header-bg-scrolled: rgba(255, 255, 255, 0.9);
    --footer-bg: #f5f5f5;
    --footer-border-color: rgba(0, 0, 0, 0.08);

    --btn-primary-bg: #1f1f1f;
    --btn-primary-color: #fff;
    --card-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
    --hero-logo-color: rgba(0, 0, 0, 0.06);

    --set-background: #fff;
    --set-font-color: #1f1f1f;
}

/* 시스템 다크모드 자동 감지 (data-theme 미설정 시) */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
        --text-color: #fff;
        --text-color-secondary: #d1d1d1;
        --signature-sub-color: #595959;
        --background-color: #000;
        --background-color-secondary: #1f1f1f;
        --pointer-basic-color: #fff;
        --gradient-basic-color: linear-gradient(180deg, transparent, #000);
        --border-color-subtle: rgba(255, 255, 255, 0.15);
        --overlay-bg: rgba(0, 0, 0, 0.95);
        --header-bg-scrolled: rgba(0, 0, 0, 0.85);
        --footer-bg: #000;
        --footer-border-color: rgba(255, 255, 255, 0.1);
        --btn-primary-bg: #fff;
        --btn-primary-color: #000;
        --card-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
        --hero-logo-color: rgba(255, 255, 255, 0.15);
        --set-background: #000;
        --set-font-color: #fff;
    }
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        color-scheme: light;
        --text-color: #1f1f1f;
        --text-color-secondary: #4a4a4a;
        --signature-sub-color: #888;
        --background-color: #fff;
        --background-color-secondary: #f5f5f5;
        --pointer-basic-color: #1f1f1f;
        --gradient-basic-color: linear-gradient(180deg, transparent, #fff);
        --border-color-subtle: rgba(0, 0, 0, 0.1);
        --overlay-bg: rgba(255, 255, 255, 0.95);
        --header-bg-scrolled: rgba(255, 255, 255, 0.9);
        --footer-bg: #f5f5f5;
        --footer-border-color: rgba(0, 0, 0, 0.08);
        --btn-primary-bg: #1f1f1f;
        --btn-primary-color: #fff;
        --card-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
        --hero-logo-color: rgba(0, 0, 0, 0.06);
        --set-background: #fff;
        --set-font-color: #1f1f1f;
    }
}



/* **************************************************************
    0) Responsive Area
************************************************************** */