/**
 * Shadow System
 *
 * Phase 1.5: Shadow 변수화
 * 작성일: 2025-10-24
 * 업데이트: 2025-12-08 (RGB 변수 전환)
 *
 * 현대적인 shadow 시스템 (Tailwind/Material inspired)
 * 모든 rgba 값은 RGB 변수를 사용하여 테마 지원
 */

@import "./primitives/elevation.css";

@import "./semantic/elevation.css";

/* === Phase 2 다크 모드 — shadow 강도 조정 === */

[data-theme="dark"] {
    --shadow-elevated:
        0 1px 2px rgba(0, 0, 0, 0.30),
        0 4px 8px rgba(0, 0, 0, 0.25),
        0 12px 24px rgba(0, 0, 0, 0.20);
    --shadow-elevated-hover:
        0 2px 4px rgba(0, 0, 0, 0.40),
        0 8px 16px rgba(0, 0, 0, 0.30),
        0 24px 48px rgba(0, 0, 0, 0.25);
    --shadow-modal-glass:
        0 4px 8px rgba(0, 0, 0, 0.40),
        0 16px 32px rgba(0, 0, 0, 0.35),
        0 32px 64px rgba(0, 0, 0, 0.30);
}

/* ========================================
   Phase 3 (cycle 28) — Atmospheric layer + Hover glow tokens
   ======================================== */

/* === 다크 모드 atmospheric layer === */

[data-theme="dark"] {
    --color-layer-0: #1a1d24;
    --color-layer-1: #1d2028;
    --color-layer-2: #20232b;
    --color-layer-3: #232631;

    /* hover-warm-bg 다크 톤 조정 */
    --hover-bg-warm: color-mix(in oklch, var(--color-warning-500) 6%, transparent);
}