/* FACILIX brand system — Deep Teal #057F7B (primary), Golden Yellow #FECB2E
   (highlights / accents), Dark Teal #0B2929 (wordmark, headings), White.
   Type: Outfit (headings) + Plus Jakarta Sans (body). */
:root {
  /* Brand */
  --color-primary: #057f7b;
  --color-primary-dark: #04605d;
  --color-primary-light: #e0f2f1;
  --color-primary-50: #f0f8f7;
  --color-secondary: #fecb2e;
  --color-secondary-dark: #c99a00;
  --color-secondary-light: #fff6d9;
  --color-accent: #fecb2e;
  --color-ink: #0b2929;
  --brand-gradient: linear-gradient(135deg, #057f7b 0%, #10a39d 100%);
  --brand-soft: linear-gradient(135deg, #eef8f7 0%, #e0f2f0 100%);

  /* Dark teal (toasts, deep surfaces) */
  --navy-900: #071c1c;
  --navy-800: #0b2929;
  --navy-700: #134040;
  --navy-600: #1d5452;

  /* Neutrals (slate, tinted towards the brand dark teal) */
  --gray-25: #fbfdfd;
  --gray-50: #f4f8f8;
  --gray-100: #ebf1f1;
  --gray-200: #dfe7e7;
  --gray-300: #c6d2d1;
  --gray-400: #95a5a4;
  --gray-500: #647574;
  --gray-600: #485a59;
  --gray-700: #314342;
  --gray-800: #1c3131;
  --gray-900: #0b2929;

  /* Status */
  --color-success: #12875a;
  --color-success-bg: #e2f5ec;
  --color-warning: #b86a00;
  --color-warning-bg: #fff1dc;
  --color-danger: #d13a2f;
  --color-danger-bg: #fdecea;
  --color-info: #057f7b;
  --color-info-bg: #e0f2f1;
  --color-neutral: #566375;
  --color-neutral-bg: #edf1f6;

  /* Priority */
  --priority-critical: #c62828;
  --priority-critical-bg: #fde7e6;
  --priority-high: #c25a00;
  --priority-high-bg: #feeedd;
  --priority-medium: #9a7000;
  --priority-medium-bg: #fcf3d9;
  --priority-low: #057f7b;
  --priority-low-bg: #e0f2f1;

  /* Surfaces */
  --surface: #ffffff;
  --page-bg: #f5f9f9;
  --border-color: #e2eae9;

  /* Sidebar (light) */
  --sidebar-bg: #ffffff;
  --sidebar-text: #3f5251;
  --sidebar-icon-bg: #e9f5f4;

  /* Typography */
  --font-base: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* Shadow (dark-teal tinted, layered) */
  --shadow-sm: 0 1px 2px rgba(11, 41, 41, 0.05), 0 1px 3px rgba(11, 41, 41, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(11, 41, 41, 0.08), 0 2px 4px -2px rgba(11, 41, 41, 0.05);
  --shadow-lg: 0 16px 32px -8px rgba(11, 41, 41, 0.18), 0 4px 8px -4px rgba(11, 41, 41, 0.08);
  --shadow-brand: 0 6px 16px -6px rgba(5, 127, 123, 0.55);

  /* Layout */
  --sidebar-width: 264px;
  --topbar-height: 64px;
  --bottom-nav-height: 68px;
  --page-max-width: 1200px;

  /* Motion */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}