/* TimControl Cloud — official brand palette */
:root {
  /* Official brand guide */
  --tc-brand-t: #33424A;
  --tc-brand-i: #1E3E4C;
  --tc-brand-m: #0C3447;
  --tc-brand-control: #153B4A;

  /* Brand surfaces (derived from official navy range; not status colors) */
  --tc-navy: #0C3447;
  --tc-navy-800: #153B4A;
  --tc-navy-700: #1E3E4C;
  --tc-blue: #1E3E4C;
  --tc-blue-600: #33424A;
  --tc-cyan: #2a6b82;
  --tc-cyan-soft: #e8f1f4;

  /* Surfaces */
  --tc-bg: #eef2f4;
  --tc-surface: #ffffff;
  --tc-surface-muted: #f5f7f8;
  --tc-sidebar: var(--tc-navy);
  --tc-sidebar-text: #e6eef2;
  --tc-sidebar-muted: #9bb0ba;
  --tc-topbar: #ffffff;

  /* Text */
  --tc-text: #153B4A;
  --tc-text-muted: #5a6d76;
  --tc-text-inverse: #f4f8fa;

  /* Borders / shadows */
  --tc-border: #d5dee3;
  --tc-border-strong: #b7c5cc;
  --tc-shadow-sm: 0 1px 2px rgba(12, 52, 71, 0.06);
  --tc-shadow-md: 0 8px 24px rgba(12, 52, 71, 0.08);
  --tc-radius: 10px;
  --tc-radius-sm: 6px;
  --tc-radius-lg: 14px;

  /* Status — kept separate from brand colors */
  --tc-success: #1f8a5b;
  --tc-success-bg: #e7f6ef;
  --tc-warning: #c47d14;
  --tc-warning-bg: #fff4e0;
  --tc-danger: #c0392b;
  --tc-danger-bg: #fdecea;
  --tc-info: #1d6fa5;
  --tc-info-bg: #e8f3fa;
  --tc-critical: #9b1c1c;
  --tc-critical-bg: #fce8e8;
  --tc-offline: #6b7785;
  --tc-online: var(--tc-success);
  --tc-stale: var(--tc-warning);

  /* Spacing */
  --tc-space-1: 0.25rem;
  --tc-space-2: 0.5rem;
  --tc-space-3: 0.75rem;
  --tc-space-4: 1rem;
  --tc-space-5: 1.5rem;
  --tc-space-6: 2rem;
  --tc-sidebar-width: 272px;
  --tc-topbar-height: 56px;
  --tc-radius: 8px;
  --tc-radius-sm: 6px;
  --tc-radius-lg: 12px;

  /* Typography — local/system stacks only (no external font CDN) */
  --tc-font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;
  --tc-font-mono: "Cascadia Mono", "Consolas", "Courier New", monospace;
  --tc-fs-xs: 0.75rem;
  --tc-fs-sm: 0.875rem;
  --tc-fs-base: 0.9375rem;
  --tc-fs-lg: 1.125rem;
  --tc-fs-xl: 1.375rem;
  --tc-fs-2xl: 1.75rem;

  /* Bootstrap bridges */
  --bs-body-font-family: var(--tc-font-sans);
  --bs-body-color: var(--tc-text);
  --bs-body-bg: var(--tc-bg);
  --bs-primary: var(--tc-navy);
  --bs-primary-rgb: 12, 52, 71;
  --bs-link-color: var(--tc-navy-700);
  --bs-link-hover-color: var(--tc-navy);
  --bs-border-radius: var(--tc-radius-sm);
  --bs-border-color: var(--tc-border);
}