/* ============================================================
ONGYEOL Design Tokens
============================================================ */

:root {
/* ── Grey Scale ── */
    --grey-100: #111827;
    --grey-90:  #2E3441;
    --grey-80:  #4A4F5B;
    --grey-70:  #676B75;
    --grey-60:  #83878F;
    --grey-50:  #A0A3A9;
    --grey-40:  #BCBEC3;
    --grey-30:  #D9DADC;
    --grey-20:  #ECEDEE;
    --grey-10:  #F5F6F6;

/* ── Brand ── */
    --brand-primary:    #3870FD;
    --brand-background: #F4F6FB;

/* ── Basic ── */
    --black: #000000;
    --white: #FFFFFF;

/* ── Layout ── */
    --container-max:     1632px;
    --container-inner:   1552px;
    --container-padding: 40px;
    --header-height:     80px;

/* ── Border Radius ── */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  16px;
    --radius-xl:  20px;

/* ── Transition ── */
    --transition-base: 0.2s ease;
    --transition-menu: 0.3s ease;
}

/* ── Mobile overrides ── */
@media (max-width: 768px) {
    :root {
        --container-padding: 20px;
    }
}