/*------------------------------------------------------
· ?�회??Ver 1.0
· Type : custom.css
· Author : Albatrosss Pictures Kim Hyun Gyu
· Data : 2026-02-03
· Copyright @ 2026 ?�회??all rights reserved
---------------------------------------------------------
· SUMMARY:
0) Responsive Area
1) Import Font
2) Basic Set
3) YHD Brand Variables
---------------------------------------------------------*/

@charset "utf-8";

/* #################################### 01.Import Font #################################### */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

:root {
    /* #################################### 02.Basic Set #################################### */
    --base-color-black: #000;
    --base-color-white: #fff;
    --base-color-darkGrey: #1f1f1f;
    --base-color-lightGrey: #d1d1d1;
    --signature-color: #e4312a;

    --pointer-basic-color: var(--base-color-white);
    --pointer-basic-size: 12px;

    --gradient-black-set: #000;
    --gradient-basic-color: linear-gradient(180deg, transparent, var(--gradient-black-set));
    --gradient-basic-color-reverse: linear-gradient(180deg, var(--gradient-black-set), transparent);
    --gradient-signature-color: linear-gradient(180deg, var(--signature-color), transparent);
    --gradient-active-color: linear-gradient(180deg, var(--gradient-black-set), transparent, var(--signature-color), transparent);

    --set-background : var(--base-color-white);
    --set-point-color : var(--signature-color);
    --set-font-size: 16px;
    --set-font-weight: 400;
    --set-font-color : var(--base-color-black);
    --set-font-family: "Pretendard Variable", sans-serif;

    /* #################################### 03.YHD Brand #################################### */
    /* Brand */
    --yhd-point: #fbc100;
    --yhd-point-hover: #e5af00;
    --yhd-black: #000;
    --yhd-dark: #111;
    --yhd-white: #fff;

    /* White Alpha */
    --yhd-white-90: rgba(255, 255, 255, 0.9);
    --yhd-white-85: rgba(255, 255, 255, 0.85);
    --yhd-white-70: rgba(255, 255, 255, 0.7);
    --yhd-white-60: rgba(255, 255, 255, 0.6);
    --yhd-white-50: rgba(255, 255, 255, 0.5);
    --yhd-white-45: rgba(255, 255, 255, 0.45);
    --yhd-white-40: rgba(255, 255, 255, 0.4);
    --yhd-white-30: rgba(255, 255, 255, 0.3);
    --yhd-white-20: rgba(255, 255, 255, 0.2);
    --yhd-white-18: rgba(255, 255, 255, 0.18);
    --yhd-white-15: rgba(255, 255, 255, 0.15);
    --yhd-white-12: rgba(255, 255, 255, 0.12);
    --yhd-white-10: rgba(255, 255, 255, 0.1);
    --yhd-white-08: rgba(255, 255, 255, 0.08);
    --yhd-white-06: rgba(255, 255, 255, 0.06);
    --yhd-white-05: rgba(255, 255, 255, 0.05);
    --yhd-white-04: rgba(255, 255, 255, 0.04);

    /* Black Alpha */
    --yhd-black-85: rgba(0, 0, 0, 0.85);
    --yhd-black-80: rgba(0, 0, 0, 0.8);
    --yhd-black-50: rgba(0, 0, 0, 0.5);
    --yhd-black-40: rgba(0, 0, 0, 0.4);
    --yhd-black-25: rgba(0, 0, 0, 0.25);
    --yhd-black-15: rgba(0, 0, 0, 0.15);
    --yhd-black-92: rgba(0, 0, 0, 0.92);
    --yhd-black-75: rgba(0, 0, 0, 0.75);
    --yhd-black-60: rgba(0, 0, 0, 0.6);
    --yhd-black-30: rgba(0, 0, 0, 0.3);
    --yhd-black-10: rgba(0, 0, 0, 0.1);

    /* Point Alpha */
    --yhd-point-60: rgba(251, 193, 0, 0.6);
    --yhd-point-40: rgba(251, 193, 0, 0.4);
    --yhd-point-20: rgba(251, 193, 0, 0.2);
    --yhd-point-15: rgba(251, 193, 0, 0.15);
    --yhd-point-12: rgba(251, 193, 0, 0.12);
    --yhd-point-10: rgba(251, 193, 0, 0.1);
    --yhd-point-04: rgba(251, 193, 0, 0.04);

    /* Status */
    --yhd-status-open: #22c55e;
    --yhd-status-open-60: rgba(34, 197, 94, 0.6);
    --yhd-status-open-15: rgba(34, 197, 94, 0.15);
    --yhd-status-closed: #ef4444;
    --yhd-status-closed-60: rgba(239, 68, 68, 0.6);
    --yhd-danger: #ef4444;
    --yhd-danger-10: rgba(239, 68, 68, 0.1);

    /* SNS */
    --yhd-sns-facebook: #3b5997;
    --yhd-sns-twitter: #00aced;
    --yhd-sns-google: #ea4026;
    --yhd-sns-kakao: #FEE500;
    --yhd-sns-kakao-text: #3C1E1E;

    /* Secret Comment */
    --yhd-secret-comment: #ed6479;

    /* Surface */
    --yhd-surface-dark: #1a1a1a;
    --yhd-surface-warm: #1a1207;

    /* Navy */
    --yhd-navy: #1a2238;
    --yhd-navy-light: #232d45;

    /* Review */
    --yhd-review-bg: #f5f3ef;

    /* Contact Group */
    --yhd-contact-group: #2d2d2d;

    /* Layout */
    --yhd-content-width: 90%;
    --yhd-content-max: 240rem;
}



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