/* ============================================================
   SITEDESK — Design Tokens
   Light white surface + bold single green accent. B2B operations console.
   ============================================================ */
:root {
  /* ---- Green ramp (the product color) ---- */
  --green-900: #0A5C40;
  --green-800: #0A6E4C;
  --green-700: #0B7D57;
  --green-600: #0E9F6E;   /* primary */
  --green-500: #14B981;
  --green-400: #34D399;
  --green-200: #B6E8CF;
  --green-100: #D8F2E4;
  --green-50:  #ECF8F1;
  --green-25:  #F4FAF6;

  /* ---- Neutrals (warm green-tinted ink) ---- */
  --ink-900: #122A20;
  --ink-700: #2E433A;
  --ink-600: #44574E;
  --ink-500: #647469;
  --ink-400: #8B998F;
  --ink-300: #AEB9B2;

  --surface:   #FFFFFF;          /* cards */
  --bg:        #F3F7F4;          /* app background, faint green tint */
  --bg-2:      #EEF4F0;
  --line:      #E4ECE7;
  --line-2:    #D4DfD9;

  /* ---- Status ---- */
  --urgent:    #E0484C;
  --urgent-bg: #FCEBEB;
  --urgent-line:#F4C9CA;
  --warn:      #D98A0B;
  --warn-bg:   #FBF1DD;
  --warn-line: #F1DAAE;
  --low:       #6E8B7E;
  --low-bg:    #EDF2EF;
  --low-line:  #DCE6E0;
  --pos:       #0E9F6E;
  --neg:       #E0484C;

  /* ---- Tag accents (category) ---- */
  --tag-fac:  #0E9F6E;  /* 설비 */
  --tag-elec: #2F7FE0;  /* 전기 */
  --tag-clean:#8B5BD6;  /* 미화 */
  --tag-sec:  #D98A0B;  /* 보안 */

  /* ---- Radius ---- */
  --r-xs: 6px;
  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- Spacing ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;

  /* ---- Shadows (soft, low spread) ---- */
  --shadow-xs: 0 1px 2px rgba(16,42,30,.05);
  --shadow-sm: 0 1px 2px rgba(16,42,30,.05), 0 1px 3px rgba(16,42,30,.04);
  --shadow-md: 0 3px 10px rgba(16,42,30,.06), 0 1px 3px rgba(16,42,30,.04);
  --shadow-lg: 0 10px 30px rgba(16,42,30,.09), 0 2px 6px rgba(16,42,30,.05);
  --shadow-green: 0 6px 18px rgba(14,159,110,.28);

  /* ---- Type ---- */
  --font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont,
          "Apple SD Gothic Neo", system-ui, sans-serif;

  /* ---- Layout ---- */
  --sidebar-w: 252px;
  --topbar-h: 68px;
  --content-max: 1340px;
}