/* UI 2026 - generat per dev/tools/build-ui.sh
 * Fonts: dev/ui-src/00-tokens.css
 */
/* Tokens nous: marca i geometria pròpia sense alterar Bootstrap 2 ni els colors de zona. */
:root {
  --ap-primary: #0080E2;
  --ap-primary-hover: #0276CF;
  --ap-primary-active: #0269B8;
  --ap-primary-disabled: #1C89DD;
  --ap-primary-soft: #E6F2FC;
  --ap-primary-rgb: 0,128,226;
  --ap-deep: #003DA6;
  --ap-black: #000000;
  --ap-black-soft: #111111;
  --ap-dark: #343A40;
  --ap-text: #343A40;
  --ap-text-strong: #212529;
  --ap-text-muted: #6C757D;
  --ap-text-subtle: #A5A5A5;
  --ap-text-on-dark: #FFFFFF;
  --ap-text-on-dark-muted: #CBCBCB;
  --ap-bg: #F8F9FA;
  --ap-surface: #FFFFFF;
  --ap-surface-alt: #F1F3F5;
  --ap-row-alt: #FBFBFC;
  --ap-row-hover: #F1F7FD;
  --ap-border: #DEE2E6;
  --ap-border-strong: #CED4DA;
  --ap-success: #198754;
  --ap-success-soft: #D1E7DD;
  --ap-success-text: #0F5132;
  --ap-warning: #FFC107;
  --ap-warning-soft: #FFF3CD;
  --ap-warning-text: #664D03;
  --ap-danger: #DC3545;
  --ap-danger-soft: #F8D7DA;
  --ap-danger-text: #842029;
  --ap-info: #0DCAF0;
  --ap-info-soft: #CFF4FC;
  --ap-info-text: #055160;
  --ap-focus: 0 0 0 .25rem rgba(0,128,226,.25);
  --ap-radius-sm: 4px;
  --ap-radius: 6px;
  --ap-radius-lg: 8px;
  --ap-radius-xl: 16px;
  --ap-pill: 50rem;
  --ap-shadow-sm: 0 1px 2px rgba(33,37,41,.06), 0 1px 3px rgba(33,37,41,.08);
  --ap-shadow: 0 .5rem 1rem rgba(33,37,41,.12);
  --ap-shadow-lg: 0 1rem 3rem rgba(33,37,41,.175);
  --ap-transition: .15s ease-in-out;
  --ap-font: 'Raleway', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --ap-fs-xs: 11px;
  --ap-fs-sm: 12px;
  --ap-fs: 14px;
  --ap-fs-md: 16px;
  --ap-fs-lg: 18px;
  --ap-fs-h2: 20px;
  --ap-fs-h1: 24px;
  --ap-ls-caps: .06em;
  --ap-bar-w: 40px;
  --ap-bar-h: 4px;
  --ap-header-h: 64px;
}
/* body.ap2.ap2-dark: variant optativa §1, inerta al kit clar i al reproductor. */
body.ap2.ap2-dark {
  --ap-bg: #000;
  --ap-surface: #1C1C1D;
  --ap-surface-alt: #262626;
  --ap-row-alt: #202021;
  --ap-row-hover: #0F2437;
  --ap-border: #404040;
  --ap-border-strong: #555;
  --ap-text: #fff;
  --ap-text-strong: #fff;
  --ap-text-muted: #CBCBCB;
  --ap-text-subtle: #A5A5A5;
}