@charset "UTF-8";

/*
 * DUMAINPAGE — Design Tokens (variables.css)
 * 전역 CSS 변수 정의. 색상/반경/그림자/전환/폰트 등 모든 토큰을 여기서 관리.
 * 개별 파일에서 하드코딩된 값 대신 var(--*) 로 참조할 것.
 */

:root {
    /* ── Colors ─────────────────────────────── */
    --color-primary:        #5266ce;
    --color-primary-dark:   #2729AB;
    --color-accent:         #0079c8;
    --color-danger:         #e54248;
    --color-success:        #1f7a4d;

    /* Backgrounds */
    --color-bg:             #f3f6fa;
    --color-bg-white:       #ffffff;
    --color-bg-subtle:      #f8fbf9;

    /* Text */
    --color-text:           #1c1f24;
    --color-text-secondary: #56616d;
    --color-text-muted:     #8a929a;

    /* Borders */
    --color-border:         #dfe5eb;
    --color-border-light:   #edf0f3;
    --color-border-dark:    #c5d2df;

    /* ── Border radius ───────────────────────── */
    --radius-sm:   4px;
    --radius-base: 8px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-full: 9999px;

    /* ── Shadows ─────────────────────────────── */
    --shadow-sm:  0 2px 8px  rgba(24, 38, 56, 0.06);
    --shadow-md:  0 8px 24px rgba(24, 38, 56, 0.08);
    --shadow-lg:  0 16px 40px rgba(24, 38, 56, 0.12);

    /* ── Transitions ─────────────────────────── */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* ── Typography ──────────────────────────── */
    /* 'NotoSansKR' = tiles.css / mzcode.css @font-face 등록명과 정확히 일치해야 함 */
    --font-family: 'NotoSansKR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;

    /* ── Layout ──────────────────────────────── */
    --navbar-height:    91px;
    --navbar-height-sm: 70px;
    --container-max:    1600px;
    --content-max:      1200px;
}