/* =========================================================
   Qeyro UI v2 — token overrides
   Laad dit DIRECT NA design/styles.css. Het overschrijft alleen
   bestaande --qy-* variabelen; logo en accent blijven ongewijzigd.
   ========================================================= */
:root {
  /* Ink → navy-familie (was koel grijs-zwart) */
  --qy-ink-950: #0E1430;
  --qy-ink-900: #141B3D;
  --qy-ink-800: #1D2550;
  --qy-ink-700: #2C355F;
  --qy-ink-600: #3E4870;
  --qy-ink-500: #4B5675;
  --qy-ink-400: #7A829C;
  --qy-ink-300: #9AA2B8;
  --qy-ink-200: #D3DBE8;
  --qy-ink-100: #E3E9F2;
  --qy-ink-50:  #EEF2F8;

  /* Accent: ONGEWIJZIGD (cerulean). Alleen ter referentie:
     --qy-accent-600 #0B7CAA = primaire knoppen
     --qy-accent-500 #0E9BD0 = data / actief / focus
     --qy-accent-400 #29B6E8 = accent op navy (zijbalk, logo-punt) */
  --qy-accent-100: #E3F4FB;

  /* Oppervlakken */
  --qy-surface-page: #F6F8FB;
  --qy-surface-card: #FFFFFF;
  --qy-surface-sunken: #EEF2F8;
  --qy-surface-nav: #141B3D;
  --qy-surface-nav-active: rgba(255, 255, 255, 0.08);

  --qy-border-subtle: #E3E9F2;
  --qy-border-strong: #D3DBE8;

  /* Radius: ronder */
  --qy-radius-sm: 6px;
  --qy-radius-md: 10px;   /* velden, knoppen */
  --qy-radius-lg: 14px;   /* kaarten */
  --qy-radius-xl: 18px;   /* login-kaart, dialogs */

  /* Typografie: labels niet meer in mono; mono alleen voor id's/code */
  --qy-text-label:  600 11px/1.2 var(--qy-font-sans);
  --qy-tracking-label: 0.08em;
  --qy-text-metric: 700 34px/1 var(--qy-font-sans);
  --qy-text-data:   500 13px/1.4 var(--qy-font-sans);   /* + font-variant-numeric: tabular-nums */
  --qy-text-h1:     700 28px/1.2 var(--qy-font-sans);
  --qy-text-h2:     700 16px/1.35 var(--qy-font-sans);

  /* Schaduw: navy-getint, zachter */
  --qy-shadow-xs: 0 1px 2px rgba(20, 27, 61, 0.04);
  --qy-shadow-sm: 0 1px 3px rgba(20, 27, 61, 0.06);
  --qy-shadow-md: 0 8px 24px -12px rgba(20, 27, 61, 0.18);
  --qy-shadow-lg: 0 30px 70px -40px rgba(20, 27, 61, 0.45);

  --qy-sidebar-width: 232px;
  --qy-topbar-height: 60px;
  --qy-control-height: 38px;
}