/* Shared design tokens, components and utilities. Page files contain only local layout and variants. */
:root {
  --text: #393D46;
  --bg: #f4f4f4;
  --white: #fff;
  --radius: 15px;
  --shadow: 0 1px 4px rgba(0,0,0,.06);
  --border: #dee2e6;
  --muted: #6b7280;
  --danger: #dc3545;
  --link: #0d6efd;
  --ok: #16a34a;
  --warn: #f59e0b;
  --info: #0ea5e9;
  --r: 14px;
  --rs: 10px;
  --w: var(--white);
  --ws: #f7f8fa;
  --t: #0f1115;
  --m: var(--muted);
  --bd: #e7e9ee;
  --a: #111827;
  --ac: var(--white);
  --dn: #e03131;
  --sh: 0 8px 24px rgba(15,17,21,.06);
  --ss: 0 2px 10px rgba(15,17,21,.05);
  --sb: 360px;
  --gg: 12px;
  --card-bg: var(--white);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.05);
  --muted-2: #666;
  --container-max: 1200px;
  --gap: 12px;
  --brand-chip-bg: rgba(159,190,241,1);
  --bg-white: var(--white);
  --brand: rgba(159,190,241,1);
  --btn-height: 44px;
  --ui-font-mini: 11px;
  --ui-font-xs: 12px;
  --ui-font-caption: 13px;
  --ui-font-sm: 14px;
  --ui-font-md: 15px;
  --ui-font-base: 16px;
  --ui-font-lg: 18px;
  --ui-font-xl: 20px;
  --ui-font-heading: 22px;
  --ui-font-title: 24px;
  --ui-font-hero: 28px;
  --ui-control-height: 44px;
  --ui-radius-control: 10px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-admin-accent: #2563eb;
  --ui-font: system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*,*::before,*::after {
  box-sizing: border-box;
}
body {
  font-family: var(--ui-font);
  font-variant-numeric: tabular-nums;
}
[hidden] {
  display: none !important;
}
.w-100 {
  width: 100%;
}