/**
 * core/variables.css — CSS 커스텀 변수 단일 소스
 * 모든 :root 변수는 여기서만 정의. 다른 파일에서 :root 오버라이드 금지.
 */

:root {
    /* ── 브랜드 컬러 ─────────────────────────────── */
    --primary-color: burlywood;        /* Q 로고, 링크 hover */
    --brown: #574541;                  /* 앱 주 갈색 (그리드값, 뱃지 배경 등) */
    --brown-dark: #4E342E;             /* 헤더 제목, h1~h6 */

    /* ── 배경 / 텍스트 ────────────────────────────── */
    --bg-color: #F9F9F9;
    --white: #FFFFFF;
    --text-color: #333;
    --sub-text-color: #666;
    --text-muted: #999;

    /* ── 보조 색상 ────────────────────────────────── */
    --secondary-color: #2ECC71;        /* 공통 보조 (녹색) */
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    /* ── 시맨틱 컬러 ──────────────────────────────── */
    --danger: #E74C3C;
    --warning: #F39C12;
    --info: #3498db;
    --success: #27AE60;

    /* ── 분석 액센트 컬러 (analysis 전용) ────────── */
    --accent-optimal: #22c55e;
    --accent-warning: #f59e0b;
    --accent-danger: #ef4444;
    --accent-info: #3b82f6;

    /* ── 분석 그라데이션 배경 ─────────────────────── */
    --bg-optimal: linear-gradient(145deg, #f0fdf4 0%, #dcfce7 100%);
    --bg-warning: linear-gradient(145deg, #fffbeb 0%, #fef3c7 100%);
    --bg-danger:  linear-gradient(145deg, #fef2f2 0%, #fee2e2 100%);
    --bg-info:    linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);

    /* ── 테두리 ───────────────────────────────────── */
    --border-color: #f0ebe6;
    --border-strong: #d8cfc6;
    --border-light: #eee;
    --border-base: #e0e0e0;

    /* ── 카드 배경 / 반경 ─────────────────────────── */
    --bg-card: #f8f9fa;            /* daily-card, weekly-card, notification-detail-item 공통 */
    --radius-card: 10px;
    --radius-sm: 8px;

    /* ── 폰트 ─────────────────────────────────────── */
    --font-family: 'SUIT', sans-serif;
}