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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

: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;
}