/*
 * Capybara ERP — UI tokens
 * Compact desktop/ERP density inspired by the Smart Wood application.
 */

:root {
  --ui-font:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  --ui-font-size: 14px;
  --ui-font-size-small: 12px;
  --ui-font-size-title: 17px;
  --ui-font-size-section: 14px;

  --ui-sidebar-width: 205px;
  --ui-content-padding: 16px;
  --ui-content-padding-mobile: 10px;

  --ui-control-height: 34px;
  --ui-button-height: 32px;
  --ui-table-head-height: 30px;
  --ui-table-row-height: 36px;

  --ui-gap-xs: 4px;
  --ui-gap-sm: 6px;
  --ui-gap-md: 10px;
  --ui-gap-lg: 14px;
  --ui-gap-xl: 18px;

  --ui-card-radius: 7px;
  --ui-control-radius: 6px;

  --ui-page-bg: #f4f5f7;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f8f9fb;
  --ui-header-bg: #f7f8fa;
  --ui-row-hover: #f7f9fc;

  --ui-text: #202936;
  --ui-muted: #667085;
  --ui-subtle: #8a94a3;

  --ui-border: #dfe3e8;
  --ui-border-soft: #e9ecf0;
  --ui-border-strong: #cfd5dd;

  --ui-primary: #3157d5;
  --ui-primary-hover: #294bc2;
  --ui-primary-soft: #eef2ff;
  --ui-danger: #b42318;
  --ui-success: #24713b;
  --ui-warning: #8a5a00;

  --ui-focus-ring: 0 0 0 2px rgba(49, 87, 213, 0.10);
}