/* Nabd UX/UI canonical tokens. Serve the synchronized /tokens.css copy. */
:root {
  --font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
  --font-family-code: ui-monospace, Consolas, monospace;
  --font-page: 1.75rem;
  --font-section: 1.25rem;
  --font-card: 1rem;
  --font-subtitle: .875rem;
  --font-body: .875rem;
  --font-label: .8125rem;
  --font-secondary: .8125rem;
  --font-caption: .75rem;
  --font-metric: 2rem;
  --font-brand: 2rem;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --weight-brand: 800;
  --line-heading: 1.5;
  --line-body: 1.8;
  --line-label: 1.7;
  --color-canvas: #f4f7f8;
  --color-surface: #ffffff;
  --color-surface-muted: #edf3f5;
  --color-text: #193743;
  --color-muted: #586f7c;
  --color-subtle: #647680;
  --color-border: #dce5e8;
  --color-control-border: #7f939d;
  --color-nav: #102c36;
  --color-nav-text: #c4d6dd;
  --color-nav-active: #23474f;
  --color-nav-accent: #86ead0;
  --color-primary: #087f6b;
  --color-primary-hover: #066654;
  --color-primary-soft: #e6f4ef;
  --color-brand-mark: #2bc3a6;
  --color-on-primary: #ffffff;
  --color-success: #176943;
  --color-success-bg: #e7f6ee;
  --color-warning: #825208;
  --color-warning-bg: #fff4d9;
  --color-danger: #b42318;
  --color-danger-bg: #fff0ed;
  --color-focus: #087f6b;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --radius-control: .5rem;
  --radius-panel: .75rem;
  --radius-dialog: 1rem;
  --radius-pill: 999px;
  --control-height: 2.75rem;
  --sidebar-width: 15rem;
  --content-width: 90rem;
  --shadow-dialog: 0 16px 48px #102c3626;
}
@media (max-width: 1050px) {
  :root { --sidebar-width: 12.5rem; }
}
@media (max-width: 650px) {
  :root { --font-page: 1.5rem; --font-metric: 1.75rem; }
}