:root {
  --tekomi-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tekomi-radius-sm: 8px;
  --tekomi-radius-md: 10px;
  --tekomi-radius-lg: 12px;
  --tekomi-shadow-sm: 0 1px 3px rgba(15, 35, 55, .08);
  --tekomi-shadow-md: 0 8px 24px rgba(15, 35, 55, .10);
  --tekomi-shadow-card: 0 4px 14px rgba(0, 35, 87, .06);
  --tekomi-shadow-float: 0 14px 36px rgba(0, 35, 87, .12);
  --tekomi-surface-subtle: #f8fafc;
  --tekomi-surface-raised: #ffffff;
  --tekomi-row-hover: #f0f9fa;
  --tekomi-row-stripe: #fbfdfe;
  --tekomi-focus-ring: 0 0 0 3px rgba(1, 167, 177, .28);
  --tekomi-transition: 160ms ease;
  --tekomi-success-bg: #ecfdf5;
  --tekomi-success-text: #065f46;
  --tekomi-success-border: #a7f3d0;
  --tekomi-info-bg: #eff6ff;
  --tekomi-info-text: #1e40af;
  --tekomi-info-border: #bfdbfe;
  --tekomi-danger-bg: #fef2f2;
  --tekomi-danger-text: #991b1b;
  --tekomi-danger-border: #fecaca;
}

@media (prefers-reduced-motion: reduce) {
  :root { --tekomi-transition: 0.01ms; }
}