/* ============================================================================
   QOVERED DESIGN TOKENS — single source of truth
   Bright, Bunq / Trade Republic class: soft off-white canvas, white surfaces,
   big bold numbers, mint emerald accent. Namespaced --q-* to live beside
   legacy styles. Light only (dark mode was removed by product decision).
   ============================================================================ */

:root {
  /* ---- Mint emerald primitive scale ---- */
  --q-mint-50:#E6FBF3; --q-mint-100:#C8F5E2; --q-mint-200:#A9F2D8; --q-mint-300:#6FF0C2;
  --q-mint-400:#3FE0A8; --q-mint-500:#1FC994; --q-mint-600:#0E9F73; --q-mint-700:#0B7E58; --q-mint-800:#075A41;

  /* ---- Category tile colours (Bunq-style, used for icons only) ---- */
  --q-cat-green:#1FB873; --q-cat-purple:#8B5CF6; --q-cat-blue:#3B82F6; --q-cat-orange:#F59E0B;
  --q-cat-pink:#EC4899; --q-cat-teal:#14B8A6; --q-cat-red:#EF4444; --q-cat-indigo:#6366F1;

  /* ---- Type ---- */
  --q-font-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --q-font-sans:'Inter',system-ui,-apple-system,sans-serif;
  --q-text-xs:0.75rem; --q-text-sm:0.8125rem; --q-text-base:0.9375rem; --q-text-md:1rem;
  --q-text-lg:1.25rem; --q-text-xl:1.625rem; --q-text-2xl:2.25rem; --q-display:3.25rem;

  /* ---- Radius ---- */
  --q-radius-sm:10px; --q-radius:14px; --q-radius-lg:18px; --q-radius-xl:22px; --q-radius-pill:999px;

  /* ---- Spacing ---- */
  --q-space-1:4px; --q-space-2:8px; --q-space-3:12px; --q-space-4:16px; --q-space-5:20px;
  --q-space-6:24px; --q-space-8:32px; --q-space-10:40px;

  /* ---- Motion ---- */
  --q-ease:cubic-bezier(0.22,0.61,0.36,1); --q-ease-out:cubic-bezier(0.16,1,0.3,1);
  --q-dur-fast:0.14s; --q-dur:0.22s; --q-dur-slow:0.4s;

  /* ============ LIGHT (default) semantic ============ */
  --q-bg:#F4F5F7;
  --q-surface:#FFFFFF;
  --q-surface-2:#F0F1F4;
  --q-surface-3:#E7E9EE;
  --q-border:rgba(10,10,12,0.06);
  --q-border-strong:rgba(10,10,12,0.13);

  --q-text:#0A0A0C;
  --q-text-secondary:#4C5360;
  --q-text-muted:#767C88;

  --q-accent:#0E9F73; --q-accent-hover:#12B886; --q-accent-contrast:#FFFFFF;
  --q-accent-soft:#E6FBF3; --q-accent-soft-text:#0B7E58; --q-accent-glow:rgba(14,159,115,0.45);

  --q-success:#0E9F73; --q-success-soft:#E6FBF3; --q-success-soft-text:#0B7E58;
  --q-danger:#E5484D; --q-danger-soft:#FDEDED; --q-danger-soft-text:#B4262B;
  --q-warning:#C77416; --q-warning-soft:#FBF1E2; --q-warning-soft-text:#8A4F0B;

  --q-shadow-sm:0 1px 2px rgba(13,16,22,0.05);
  --q-shadow:0 1px 3px rgba(13,16,22,0.07),0 1px 2px rgba(13,16,22,0.04);
  --q-shadow-md:0 6px 18px rgba(13,16,22,0.08),0 2px 5px rgba(13,16,22,0.04);
  --q-shadow-lg:0 16px 40px rgba(13,16,22,0.12),0 4px 10px rgba(13,16,22,0.05);

  --q-overlay:rgba(13,16,22,0.40);
  --q-ring:0 0 0 3px rgba(14,159,115,0.22);
}