/* Omniverce UI Tokens
   - Edit these values to match your brand
   - Uses an 8px spacing rhythm
*/
:root{
  /* Typography */
  --ov-font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --ov-font-body: Montserrat, var(--ov-font-sans);

  --ov-text-xs: 12px;
  --ov-text-sm: 14px;
  --ov-text-md: 16px;
  --ov-text-lg: 18px;
  --ov-text-xl: 22px;

  --ov-line: 1.45;

  /* Spacing (8px grid) */
  --ov-0: 0;
  --ov-1: 4px;
  --ov-2: 8px;
  --ov-3: 12px;
  --ov-4: 16px;
  --ov-5: 20px;
  --ov-6: 24px;
  --ov-7: 28px;
  --ov-8: 32px;
  --ov-10: 40px;
  --ov-12: 48px;

  /* Layout */
  --ov-container: 1160px;
  --ov-sidebar: 260px;
  --ov-gap: var(--ov-6);

  /* Radii */
  --ov-r-sm: 10px;
  --ov-r-md: 14px;
  --ov-r-lg: 18px;

  /* Shadows */
  --ov-shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --ov-shadow-md: 0 8px 20px rgba(0,0,0,.08);

  /* Surfaces */
  --ov-bg: #f6f7fb;
  --ov-surface: #ffffff;
  --ov-surface-2: #fbfbfe;

  /* Borders */
  --ov-border: rgba(17, 24, 39, 0.10);
  --ov-border-strong: rgba(17, 24, 39, 0.16);

  /* Text */
  --ov-text: rgba(17,24,39,.92);
  --ov-muted: rgba(17,24,39,.62);

  /* Accents (set to your Omniverce primary later) */
  --ov-primary: #2f6df6;
  --ov-primary-contrast: #ffffff;
  --ov-success: #16a34a;
  --ov-warning: #f59e0b;
  --ov-danger: #ef4444;

  /* Focus */
  --ov-focus: 0 0 0 4px rgba(47, 109, 246, .18);
}