/* =========================================================================
   TIFF 디자인 토큰 — 통영의 바다와 예향(藝鄕)을 담은 색·서체 시스템
   ========================================================================= */
:root {
    /* ---- 색: 바다(Sea) — 주조색 ---- */
    --c-sea-900: #052731;
    --c-sea-800: #08313d;
    --c-sea-700: #0b3a47;   /* 헤더/푸터 기본 */
    --c-sea-600: #0d4858;
    --c-sea-500: #0f5a6c;
    --c-sea-300: #5a9aa6;
    --c-sea-100: #d6e6e7;

    /* ---- 색: 동백·노을(Coral) — 강조색 ---- */
    --c-coral-600: #cf4f37;
    --c-coral-500: #e2614a;
    --c-coral-300: #f0a594;

    /* ---- 색: 금빛(Gold) — 보조 강조 ---- */
    --c-gold: #c39a52;
    --c-gold-soft: #e7d5a8;

    /* ---- 색: 종이·모래(Paper) — 배경 ---- */
    --c-paper: #faf6ee;
    --c-sand: #f1e9da;
    --c-sand-deep: #e7dcc7;

    /* ---- 색: 먹(Ink) — 글자 ---- */
    --c-ink: #1b2a2f;
    --c-ink-soft: #4d5d62;
    --c-ink-faint: #8a979b;
    --c-line: #e3dccd;
    --c-white: #ffffff;

    /* ---- 의미색 ---- */
    --c-bg: var(--c-paper);
    --c-text: var(--c-ink);
    --c-text-muted: var(--c-ink-soft);
    --c-primary: var(--c-sea-700);
    --c-accent: var(--c-coral-500);

    /* 부문 컬러 (경쟁: 그린/블루/레드) */
    --c-green: #3f7d5b;
    --c-blue: #2f6f93;
    --c-red: #c0453a;

    /* ---- 서체 ---- */
    --font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
        "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
    --font-serif: "Gowun Batang", "Nanum Myeongjo", serif;
    --font-display: "Cormorant Garamond", "Gowun Batang", serif;

    /* 타입 스케일 */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.125rem;
    --fs-lg: 1.375rem;
    --fs-xl: 1.75rem;
    --fs-2xl: 2.25rem;
    --fs-3xl: 3rem;
    --fs-4xl: clamp(2.75rem, 6vw, 5rem);

    --lh-tight: 1.15;
    --lh-snug: 1.35;
    --lh-base: 1.7;

    /* ---- 간격 ---- */
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-5: 1.5rem;
    --sp-6: 2rem;
    --sp-7: 3rem;
    --sp-8: 4rem;
    --sp-9: 6rem;

    /* ---- 형태 ---- */
    --radius-sm: 6px;
    --radius: 12px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(8, 49, 61, 0.06), 0 2px 8px rgba(8, 49, 61, 0.05);
    --shadow: 0 6px 20px rgba(8, 49, 61, 0.08), 0 2px 6px rgba(8, 49, 61, 0.05);
    --shadow-lg: 0 18px 48px rgba(8, 49, 61, 0.14);

    /* ---- 레이아웃 ---- */
    --container: 1200px;
    --container-narrow: 860px;
    --header-h: 76px;

    /* ---- 모션 ---- */
    --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --t-fast: 0.18s var(--ease);
    --t: 0.3s var(--ease);
}