/* Tivexi design tokens. Every page (new and carried over) takes its colours, type and shapes from here.
   Light only for now; dark mode is a later change to these values, not to the pages. */
:root {
  --tv-bg: #f7f8fa;
  --tv-surface: #ffffff;
  --tv-subtle: #f3f5f8;
  --tv-border: #e5e8ee;
  --tv-border-strong: #d3d8e1;
  --tv-text: #111827;
  --tv-muted: #6b7280;
  --tv-faint: #9ca3af;

  --tv-blue: #2563eb;
  --tv-blue-hover: #1d4ed8;
  --tv-blue-soft: #eef4ff;
  --tv-blue-tile: #e8efff;

  --tv-green: #15803d;
  --tv-green-soft: #ecfdf3;
  --tv-amber: #b45309;
  --tv-amber-soft: #fff7e6;
  --tv-red: #dc2626;
  --tv-red-soft: #fef2f2;

  --tv-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tv-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --tv-radius: 12px;
  --tv-radius-sm: 8px;
  --tv-sidebar: 264px;
  --tv-topbar: 72px;
  --tv-shadow-pop: 0 10px 30px -10px rgba(17, 24, 39, .18), 0 2px 6px rgba(17, 24, 39, .06);
  color-scheme: light;
}