/* ============================================================
만나관리 V7 — 디자인 시스템 토큰 (Theme A · Nature Organic Light)
Single source of truth. 화면 코드에서는 임의 값 금지, 토큰만 사용.
============================================================ */


:root {
/* ───────── COLOR ───────── */
/* Sidebar (deep olive-green) */
--color-sidebar-bg: #3D4828;
--color-sidebar-text: #FFFFFF;
--color-sidebar-text-muted: rgba(255, 255, 255, 0.65);
--color-sidebar-active-bg: rgba(255, 255, 255, 0.10);

/* Surfaces */
--color-bg: #F8F4ED;
--color-card-bg: #FFFFFF;
--color-card-border: rgba(0, 0, 0, 0.10);

/* Brand */
--color-primary: #C97B5A; /* terracotta */
--color-primary-hover: #B86A4A;
--color-secondary: #9CAE85; /* sage */
--color-highlight: #D4A95A; /* wheat-gold */

/* Text */
--color-text-primary: #1A1A1A;
--color-text-secondary: #555555;
--color-text-muted: #888888;

/* Lines */
--color-border: rgba(0, 0, 0, 0.10);

/* Semantic */
--color-success: #6E8B5C;
--color-warning: #D4A95A;
--color-info: #9CAE85;
--color-danger: #C97B5A;

/* Status (filled badges) */
--color-status-pending-bg: #E8E5E0;
--color-status-pending-text: #555555;
--color-status-progress-bg: #D4A95A;
--color-status-progress-text: #FFFFFF;
--color-status-done-bg: #6E8B5C;
--color-status-done-text: #FFFFFF;
--color-status-hold-bg: #B8A89A;
--color-status-hold-text: #FFFFFF;

/* Overlay */
--color-overlay: rgba(0, 0, 0, 0.4);

/* ───────── TYPOGRAPHY ───────── */
--font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
--font-family-mono: 'D2Coding', 'Consolas', monospace;

--font-size-xs: 12px;
--font-size-sm: 14px;
--font-size-base: 16px;
--font-size-lg: 18px;
--font-size-xl: 22px;
--font-size-2xl: 28px;
--font-size-kpi: 40px;

--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;

--line-height-tight: 1.25;
--line-height-base: 1.5;
--line-height-loose: 1.75;

/* ───────── SPACING (4px base) ───────── */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-7: 48px;
--space-8: 64px;

/* ───────── RADIUS ───────── */
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-full: 999px;

/* ───────── SHADOW ───────── */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.10);

/* ───────── BREAKPOINTS (documentation only) ───────── */
--bp-mobile: 480px;
--bp-tablet: 768px;
--bp-desktop: 1280px;
--bp-wide: 1920px;

/* ───────── DURATION ───────── */
--duration-fast: 120ms;
--duration-base: 200ms;
--duration-slow: 400ms;
}

*, *::before, *::after { box-sizing: border-box; }

body {
font-family: var(--font-family);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
color: var(--color-text-primary);
background: var(--color-bg);
word-break: keep-all;
margin: 0;
-webkit-font-smoothing: antialiased;
}