/* =====================================================
   News Page CSS Variables
   임고봇 뉴스 페이지 변수 정의
   ===================================================== */

:root {
    /* Color System - Eye-Comfort Warm Palette (UserTable 테마 기반) */
    --page-background: #f5f5f0;
    --surface: #ffffff;
    --surface-subtle: #fafaf9;
    --border-subtle: #e7e5e4;
    --accent: #578e7e;
    --accent-strong: #437063;
    --accent-light: rgba(87, 142, 126, 0.12);
    --text-strong: #44403c;
    --text-medium: #78716c;
    --text-muted: #a8a29e;

    /* Reaction Colors */
    --helpful-color: #4d7c74;
    --helpful-bg: rgba(77, 124, 116, 0.12);
    --helpful-border: rgba(77, 124, 116, 0.35);
    --not-helpful-color: #be123c;
    --not-helpful-bg: rgba(190, 18, 60, 0.12);
    --not-helpful-border: rgba(190, 18, 60, 0.35);
    --like-color: #578e7e;
    --like-bg: rgba(87, 142, 126, 0.15);

    /* Shadows - Warm tones */
    --shadow-soft: 0 12px 28px rgba(68, 64, 60, 0.08);
    --shadow-subtle: 0 2px 8px rgba(68, 64, 60, 0.06);
    --shadow-glow: 0 8px 32px rgba(87, 142, 126, 0.18);
    --shadow-card: 0 4px 16px rgba(68, 64, 60, 0.06);
    --shadow-card-hover: 0 12px 32px rgba(68, 64, 60, 0.12);

    /* Spacing & Sizing */
    --radius-large: 24px;
    --radius-medium: 16px;
    --radius-small: 12px;
    --header-height: 64px;
}