:root {
  --tbgd-color-mission-navy: #1f3044;
  --tbgd-color-signal-blue: #2cb5e0;
  --tbgd-color-orbit-blue: #1a8cbe;
  --tbgd-color-deep-space-blue: #1f4a66;
  --tbgd-color-soft-hull: #e0e5ec;
  --tbgd-color-panel-shadow: #d1d9e6;
  --tbgd-color-slate-signal: #4f6178;
  --tbgd-color-cool-gray: #8695a8;
  --tbgd-color-white: #ffffff;
  --tbgd-color-success: #10b981;
  --tbgd-color-warning: #f59e0b;
  --tbgd-color-critical: #dc2626;

  --tbgd-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tbgd-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --tbgd-radius-sm: 8px;
  --tbgd-radius-md: 12px;
  --tbgd-radius-lg: 20px;
  --tbgd-radius-xl: 28px;
  --tbgd-radius-pill: 999px;

  --tbgd-space-xs: 4px;
  --tbgd-space-sm: 8px;
  --tbgd-space-md: 16px;
  --tbgd-space-lg: 24px;
  --tbgd-space-xl: 32px;
  --tbgd-space-2xl: 48px;
  --tbgd-space-3xl: 64px;

  --tbgd-gradient-primary: linear-gradient(135deg, #2cb5e0 0%, #1f4a66 55%, #1f3044 100%);
  --tbgd-shadow-soft: 5px 5px 10px #a3b1c6, -5px -5px 10px #ffffff;
  --tbgd-shadow-raised: 9px 9px 18px #a3b1c6, -9px -9px 18px #ffffff;
  --tbgd-shadow-inset: inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff;
}