/* Shared visual tokens. Loaded before desktop/mobile profiles. */
:root {
  --ui-content-max: 1220px;
  --ui-gutter: 48px;
  --ui-gutter-tablet: 32px;
  --ui-gutter-mobile: 14px;
  --ui-touch: 44px;
  --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-space-7: 32px;
  --ui-radius-control: 10px;
  --ui-radius-card: 16px;
  --ui-focus: 0 0 0 3px rgba(24, 103, 206, .22);
  --ui-shadow-card: 0 8px 24px rgba(24, 53, 79, .06);
}