fix(tokens): focus outline in reset.css ontkoppelen van hardcoded waarden

Vervang de hardcoded outline-waarden in :focus-visible door de design token
variabelen. Dit zorgt ervoor dat de reset consistent is met de focus-tokens
en dat componenten zonder eigen focus-styling het correcte design system
patroon volgen (dashed, 0px offset, token-kleur).

Probleem 2 uit issue #87 (dark mode focus-tokens) was al opgelost in een
eerdere sessie — colors-dark.json bevat al een expliciete focus-sectie
met afwijkende waarden voor dark mode.

Closes #87

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Jeffrey Lauwers

packages/core/src/styles/reset.css

@@ -78,8 +78,9 @@ button {
 
 /* Improve focus visibility */
 :focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
+  outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)
+    var(--dsn-focus-outline-color);
+  outline-offset: var(--dsn-focus-outline-offset);
 }
 
 /* Remove focus outline for mouse users */