/* ═══════════════════════════════════════════════════════════════
   SmartThings Scenario Agent — 공용 디자인 토큰 (SSOT)
   모든 화면(v1 위저드, v2 스튜디오, 시나리오 라이브러리)이 이 파일을
   가장 먼저 로드한다. 색을 바꿀 때는 여기만 수정한다.
   기준: Samsung Premium — 라이트 우선, 다크 히어로, 절제된 Samsung blue.
   ═══════════════════════════════════════════════════════════════ */
:root {
    /* ── Surfaces ── */
    --bg0: #f5f7fa;
    --bg1: #ffffff;
    --bg2: #ffffff;
    --bg3: #eef1f6;
    --card: #ffffff;
    --card-hover: #f8fafc;
    --border: #e3e7ee;
    --border-light: #c9d0db;

    /* ── Brand Accent (Samsung blue) ── */
    --accent: #1428a0;
    --accent-mid: #2e45d4;
    --accent-glow: #4060ff;
    --accent-text: #1428a0;
    --accent-soft: rgba(20, 40, 160, 0.08);
    --accent-hover: #0f1e78;

    /* ── Text ── */
    --text1: #15171a;
    --text2: #505864;
    --text3: #8a92a0;

    /* ── Status ── */
    --success: #0a8f6e;
    --warn: #b8730f;
    --danger: #b83838;

    /* ── Dark Hero ── */
    --hero-bg: #0b1027;
    --hero-text: #eef0f7;
    --hero-border: #1a2040;

    /* ── Elevation ── */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.05);

    /* ── Radius ── */
    --radius: 12px;
    --radius-sm: 8px;

    /* ── Scenario Tag / Category Colors ── */
    --tag-care: #c93d6a;
    --tag-play: #b8730f;
    --tag-save: #0a8f6e;
    --tag-secure: #1428a0;
    --cat-life: #7b2cbf;
    --cat-safe: #c93d6a;
    --cat-care: #d97706;
    --cat-save: #0a8f6e;
    --cat-mgmt: #1428a0;
    --cat-start: #475569;
    --cat-device: #0f766e;

    /* ── Typography ── */
    --font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}