/* Kyntract Design System. Operational UI only; no browser zoom compensation. */
:root {
  --kds-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kds-canvas: #fcfaf6;
  --kds-surface: #ffffff;
  --kds-surface-subtle: #f8f6f1;
  --kds-sidebar: #fbf8f1;
  --kds-ink: #29251d;
  --kds-text-secondary: #655e53;
  --kds-text-muted: #70685d;
  --kds-gold: #c99a3d;
  --kds-gold-hover: #bd8e31;
  --kds-gold-pressed: #b4862d;
  --kds-gold-text: #805a15;
  --kds-gold-soft: #f7ecd5;
  --kds-gold-border: #ddc28d;
  --kds-border: #e7e2d8;
  --kds-control-border: #978d7d;
  --kds-focus: #2563eb;
  --kds-success: #176540;
  --kds-success-soft: #eaf5ee;
  --kds-warning: #85520b;
  --kds-warning-soft: #fff3d8;
  --kds-danger: #ad3028;
  --kds-danger-soft: #fbecea;
  --kds-info: #335e73;
  --kds-info-soft: #edf4f7;
  --kds-disabled: #eeeae3;
  --kds-overlay: rgb(41 37 29 / 30%);

  --kds-text-xs: 12.5px;
  --kds-text-sm: 13px;
  --kds-text-table: 13.5px;
  --kds-text-body: 14px;
  --kds-text-section: 17px;
  --kds-text-page: 26px;
  --kds-leading: 1.5;
  --kds-weight-normal: 400;
  --kds-weight-medium: 500;
  --kds-weight-semibold: 600;
  --kds-weight-strong: 700;

  --kds-space-1: 4px;
  --kds-space-2: 8px;
  --kds-space-3: 12px;
  --kds-space-4: 16px;
  --kds-space-5: 20px;
  --kds-space-6: 24px;
  --kds-space-7: 28px;
  --kds-space-8: 32px;
  --kds-radius-control: 7px;
  --kds-radius-card: 9px;
  --kds-radius-badge: 4px;
  --kds-shadow-surface: 0 1px 2px rgb(41 37 29 / 4%);
  --kds-shadow-overlay: 0 12px 40px rgb(41 37 29 / 12%);
  --kds-control-height: 40px;
  --kds-control-compact: 34px;
  --kds-row-height: 44px;
  --kds-row-compact: 36px;
  --kds-topbar-height: 54px;
  --kds-sidebar-width: 226px;
  --kds-sidebar-collapsed: 66px;
  --kds-page-padding: 24px;
  --kds-duration-fast: 120ms;
  --kds-duration-normal: 160ms;
  --kds-duration-panel: 220ms;
  --kds-duration-reveal: 200ms;
  --kds-easing: cubic-bezier(.23, 1, .32, 1);
  --kds-z-sticky: 10;
  --kds-z-menu: 30;
  --kds-z-overlay: 50;
  --kds-z-toast: 70;
}

@media (max-width: 1399px) {
  :root { --kds-page-padding: 20px; --kds-text-page: 24px; }
}
@media (max-width: 600px) {
  :root { --kds-page-padding: 16px; --kds-control-height: 44px; }
}
@media (pointer: coarse) {
  :root { --kds-control-height: 44px; --kds-control-compact: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --kds-duration-fast: 0ms; --kds-duration-normal: 0ms; --kds-duration-panel: 0ms; --kds-duration-reveal: 0ms; }
}