:root{--color-bg:var(--vault-bg);--color-surface:var(--vault-surface);--color-surface-raised:var(--vault-surface2);--color-text:var(--vault-text);--color-text-muted:var(--vault-text-muted);--color-text-on-accent:var(--vault-bg);--color-border:var(--vault-border);--color-border-subtle:var(--vault-border);--color-border-interactive:var(--vault-border-interactive);--color-accent:var(--vault-accent);--color-accent-secondary:var(--vault-accent2);--color-success:var(--vault-success);--color-danger:var(--vault-danger);--color-warning:var(--vault-warning);--color-positive-subtle:var(--vault-ok);--color-focus-ring:var(--vault-accent);--font-heading:var(--vault-font-sans);--font-body:var(--vault-font-sans);--font-ui:var(--vault-font-sans);--font-mono:var(--vault-font-mono);--radius-control:var(--radius-sm);--radius-card:var(--radius-md);--radius-frame:var(--radius-lg);--radius-avatar:var(--radius-full);--shadow-raised:var(--shadow-sm);--shadow-overlay:var(--shadow-md);--shadow-modal:var(--shadow-lg);--space-inset-annotation:var(--space-1);--space-gap-grid:var(--border-width-hairline);--space-section-gap:var(--space-16);--transition-interactive:var(--transition-fast);--transition-reveal:var(--transition-base);--transition-decorative:var(--transition-slow);--focus-ring:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);--state-hover:var(--state-hover-overlay);--state-active:var(--state-active-overlay);--state-disabled:var(--state-disabled-opacity);--state-pressed:var(--state-pressed-scale);--state-loading:var(--state-loading-opacity)}