/* ============================================================
   누비다플랫폼 v6.0 — Classic Design System (Restored)
   Classic Left Sidebar Layout & Teal Point
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

:root {
  /* --- Primary: Classic Teal (#0891B2) --- */
  --primary: #0891B2;               /* Classic Teal */
  --primary-light: #06B6D4;         /* Lighter Teal */
  --primary-dark: #0891B2;          /* Classic Teal */
  --accent: #0891B2;
  --accent-light: #06B6D4;
  --accent-dark: #0891B2;
  --accent-bg: #ECFEFF;             /* Light Teal Tint */
  --accent-muted: #5EEAD4;          /* Teal muted (40% opacity feel) */
  --accent-subtle: #ECFEFF;         /* Teal subtle tint (alias for accent-bg) */
  --accent-ring: rgba(8, 145, 178, 0.18);
  --on-accent: #FFFFFF;

  /* --- Secondary: Slate --- */
  --secondary: #64748B;
  --secondary-light: #94A3B8;
  --secondary-bg: #F8FAFC;

  /* --- Danger (Coral Red) --- */
  --danger: #EF4444;
  --danger-bg: #FEF2F2;
  --on-danger: #FFFFFF;

  /* --- Success (Emerald Green) --- */
  --success: #10B981;
  --success-bg: #F0FDF4;
  --on-success: #FFFFFF;

  /* --- Warning (Amber Gold) --- */
  --warning: #F59E0B;
  --warning-bg: #FFFBEB;
  --on-warning: #78350F;

  /* --- Info (Ocean Blue) --- */
  --info: #3B82F6;
  --info-bg: #EFF6FF;

  /* ================================================================
     Backgrounds — Classic Crisp Light Workspace
     ================================================================ */
  --bg-white: #FFFFFF;
  --bg-canvas: #F8F9FA;             /* Classic crisp off-white */
  --bg-subtle: #F1F5F9;            /* Panel grey */
  --bg-hover: #E2E8F0;             /* Standard hover gray */
  --bg-elevated: #FFFFFF;           /* Card/panel elevated background */
  --bg-selected: #ECFEFF;          /* High contrast selection bg */
  --bg-overlay: rgba(15, 23, 42, 0.4); /* Backdrop overlay */
  --bg-inverse: #1F2937;

  /* ================================================================
     Sidebar — Classic #1E1E2E Dark Slate-Grey
     ================================================================ */
  --sidebar-bg: #1E1E2E;           /* Classic Dark Sidebar */
  --sidebar-surface: #2D2D3F;
  --sidebar-hover: #2F2F3F;
  --sidebar-active: #0891B2;       /* Teal active menu */
  --sidebar-text: #FFFFFF;
  --sidebar-text-secondary: #9CA3AF;
  --sidebar-width: 256px;          /* Original 256px */
  --sidebar-w: 256px;
  --sidebar-border: rgba(255, 255, 255, 0.05);

  /* --- Content Max Width --- */
  --content-max-w: 1200px;

  /* ================================================================
     Text — High-Density Contrast
     ================================================================ */
  --text-primary: #1F2937;         /* Classic Slate */
  --text-secondary: #4B5563;       /* Secondary body text */
  --text-tertiary: #9CA3AF;        /* Soft Grey for descriptions */
  --text-disabled: #D1D5DB;
  --text-inverse: #FFFFFF;
  --text-link: #0891B2;

  /* ================================================================
     Borders — Clean & Sharp Dashboard Grids
     ================================================================ */
  --border-subtle: #F3F4F6;        /* Subtle data-table dividing lines */
  --border-default: #E5E7EB;       /* Standard form fields and borders */
  --border-strong: #9CA3AF;
  --border-focus: #0891B2;

  /* ================================================================
     Shadows — Clean & Soft
     ================================================================ */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.05);
  --shadow-ring: 0 0 0 3px var(--accent-ring);

  /* ================================================================
     Typography
     ================================================================ */
  --font-sans: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Inter', 'Noto Sans KR', sans-serif;
  --font-mono: 'JetBrains Mono', 'D2Coding', 'Consolas', 'Monaco', monospace;

  /* Font Sizes */
  --text-3xs: 10px;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 15px;
  --text-xl: 16px;
  --text-2xl: 18px;
  --text-3xl: 20px;
  --text-4xl: 24px;
  --text-5xl: 28px;
  --text-6xl: 32px;
  --text-7xl: 40px;

  /* Font Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;

  /* Letter Spacing */
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.01em;
  --tracking-wider: 0.02em;
  --tracking-widest: 0.05em;

  /* ================================================================
     Spacing (High-Density Minimal Scale)
     ================================================================ */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 10px;
  --space-5: 14px;
  --space-6: 18px;
  --space-7: 22px;
  --space-8: 28px;
  --space-9: 34px;
  --space-10: 42px;
  --space-12: 50px;
  --space-14: 58px;
  --space-16: 70px;

  /* ================================================================
     Border Radius — Soft Curved (R=8~12px)
     ================================================================ */
  --radius-sm: 6px;
  --radius-md: 8px;                 /* Clean rounding standard */
  --radius-lg: 10px;                /* Panel standard */
  --radius-xl: 12px;                /* Main card standard */
  --radius-2xl: 14px;
  --radius-3xl: 16px;
  --radius-full: 9999px;

  /* ================================================================
     Transitions
     ================================================================ */
  --transition-fast: 100ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-modal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-emphasis: 200ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ================================================================
     Accent Banner
     ================================================================ */
  --hero-badge-bg: #ECFEFF;
  --hero-badge-border: #CFFAFE;
  --hero-badge-text: #0891B2;
}