/*
 * 울산광역시 사이트 테마.
 *
 * 기준 주색은 심볼마크의 청록과 같은 #0f7e89(RGB 15,126,137)이며, 파생색은 모두
 * 같은 색상각(185.4°)에서 명도만 바꿔 만든다. 임의의 색을 섞지 않아야 버튼·칩·
 * 포커스 링이 한 계열로 읽힌다.
 *
 * 대비 기준(흰 배경 기준 명암비):
 *   primary #0f7e89 4.81:1 — 흰 글자 버튼과 본문 크기 링크 모두 WCAG AA 충족
 *   hover   #0d6a73 6.31:1 — 눌린 상태가 기본 상태보다 확실히 어둡게 보이는 단계
 *   strong  #0b5a62 7.92:1 — 옅은 브랜드 배경 위에 올리는 글자용
 *   light   #ebfbfd       — 선택 상태 배경. primary 글자를 올려도 4.53:1로 AA를 유지하는
 *                           밝기 한계에서 채도를 최대로 올려, 대비를 잃지 않으면서도
 *                           hover(테두리만 브랜드색)와 눈으로 구분된다.
 */
:root {
    --primary-color: #0f7e89;

    --mid-sub-2: #16a1af;

    --dark-sub-2: #0b5a62;

    /* ── Redesign tokens ── */
    --color-primary: #0f7e89;
    --color-primary-rgb: 15,126,137;
    --color-primary-hover: #0d6a73;
    --color-primary-strong: #0b5a62;
    --color-primary-light: #ebfbfd;
    --color-primary-tint: #e8f8fa;
    --color-primary-soft: #6dc5ce;
    --color-primary-soft-bg: #d4ecef;
    --color-primary-dim: rgba(15,126,137,.06);
    --color-accent-gradient: linear-gradient(135deg, #0f7e89, #16a1af);
    --color-bg-warm: #f3f8f9;
    --color-surface: #ffffff;
    --color-surface-secondary: #f7fafb;
    --color-border: #e5e7eb;
    --color-border-light: #eef1f2;
    --color-text-primary: #1e293b;
    --color-text-secondary: #64748b;
    --color-text-muted: #94a3b8;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --shadow-sm: 0 1px 4px rgba(0,0,0,.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,.07);
    --shadow-accent: 0 4px 14px rgba(15,126,137,.25);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /* Icon */
    --ico-close-circle: url('../static/images/ulsan/ico_closeCircle.png');
    --ico-pop-close: url('../static/images/ulsan/ico_popClose.png');
    --ico-pop-select: url('../static/images/ulsan/ico_popSelect.png');
    --ico-slide-title: url('../static/images/ulsan/ico_slideTitle.png');
}

/* ── 울산 사이드바/패널 조정 ── */
/* 관공서 심볼마크는 원색과 여백 비율을 유지해야 하므로, 다른 사이트처럼
   그라데이션 칩 위에 흰색으로 눕히지 않는다. 배경판 없이 원본 색 그대로 두고
   36px 칩 안에서 마크를 키워 64px 사이드바에서도 형태가 식별되게 한다. */
.leftMenu > .symbol {
    background: none;
    border: none;
    box-shadow: none;
}

.leftMenu > .symbol img {
    max-height: 30px;
    max-width: 30px;
    filter: none;
}