/*
  UA Design Tokens
  Single template-controlled token source for app colors, typography, spacing,
  surfaces, menus, modals, alerts, tables, inputs and shell chrome.
  Runtime values are injected from header.php from template_page.php settings.
*/
:root{
  --ua-ds-page-max-width:none;
  --ua-ds-control-h:40px;
  --ua-ds-table-row-h:46px;
  --ua-ds-gap-1:4px;
  --ua-ds-gap-2:8px;
  --ua-ds-gap-3:12px;
  --ua-ds-gap-4:16px;
  --ua-ds-gap-5:20px;
  --ua-ds-page-pad:14px;
  --ua-ds-panel-pad:16px;
  --ua-ds-field-gap:8px;

  /* Template-controlled master colors. */
  --ua-theme-page-bg:#07111f;
  --ua-theme-surface:#071827;
  --ua-theme-surface-2:#0a2431;
  --ua-theme-topbar:#071a28;
  --ua-theme-windowbar:#071624;
  --ua-theme-sidebar:#063238;
  --ua-theme-sidebar-item:#0b4a4d;
  --ua-theme-input:#061d2a;
  --ua-theme-input-text:#eaf0ff;
  --ua-theme-table-head:#08373e;
  --ua-theme-table-row:#062532;
  --ua-theme-table-row-alt:#082e3a;
  --ua-theme-menu:#061923;
  --ua-theme-modal:#071827;
  --ua-theme-alert:#102b3f;
  --ua-theme-security-alert:#44151d;

  /* Template-controlled granular fonts. */
  --ua-title-font-size:22px;
  --ua-bar-font-size:12px;
  --ua-input-font-size:13px;
  --ua-table-font-size:13px;
  --ua-menu-font-size:13px;
  --ua-modal-font-size:14px;

  --ua-ds-focus:0 0 0 3px color-mix(in srgb,var(--ua-accent) 22%,transparent);
  --ua-ds-surface:color-mix(in srgb,var(--ua-theme-surface) 82%,transparent);
  --ua-ds-surface-2:color-mix(in srgb,var(--ua-theme-surface-2) 74%,transparent);
  --ua-ds-surface-3:color-mix(in srgb,var(--ua-theme-surface-2) 62%,transparent);
  --ua-ds-menu:color-mix(in srgb,var(--ua-theme-menu) 76%,transparent);
  --ua-ds-input:color-mix(in srgb,var(--ua-theme-input) 78%,transparent);
  --ua-ds-table-head:color-mix(in srgb,var(--ua-theme-table-head) 86%,transparent);
  --ua-ds-table-row:color-mix(in srgb,var(--ua-theme-table-row) 68%,transparent);
  --ua-ds-table-row-alt:color-mix(in srgb,var(--ua-theme-table-row-alt) 72%,transparent);
  --ua-ds-line:var(--ua-border);
  --ua-ds-line-strong:var(--ua-border-strong);
  --ua-ds-text:var(--ua-text);
  --ua-ds-muted:color-mix(in srgb,var(--ua-text) 66%,transparent);
  --ua-ds-title:color-mix(in srgb,var(--ua-text) 92%,white 8%);
  --ua-ds-shadow-soft:0 14px 34px rgba(0,0,0,.22);
  --ua-ds-shadow-strong:0 24px 64px rgba(0,0,0,.34);
  --ua-ds-blur:blur(16px) saturate(132%);
}

body.ua-density-compact{
  --ua-ds-control-h:34px;
  --ua-ds-table-row-h:40px;
  --ua-ds-page-pad:10px;
  --ua-ds-panel-pad:12px;
  --ua-ds-field-gap:6px;
}

body.ua-spacing-tight{
  --ua-ds-gap-3:10px;
  --ua-ds-gap-4:12px;
  --ua-ds-gap-5:16px;
}

body.ua-spacing-roomy{
  --ua-ds-gap-3:14px;
  --ua-ds-gap-4:20px;
  --ua-ds-gap-5:26px;
  --ua-ds-page-pad:18px;
  --ua-ds-panel-pad:20px;
}
