:root{--background: var(--color-surface);--foreground: var(--color-text);--card: var(--color-surface-card);--card-foreground: var(--color-text);--popover: var(--color-surface-card);--popover-foreground: var(--color-text);--primary: var(--color-brand);--primary-foreground: var(--light);--secondary: var(--color-surface-section);--secondary-foreground: var(--color-text);--muted: var(--color-surface-section);--muted-foreground: var(--color-text-muted);--accent-foreground: var(--light);--destructive: var(--red);--destructive-foreground: var(--light);--border: var(--color-border);--input: var(--color-border);--ring: color-mix(in srgb, var(--color-brand) 35%, transparent);--radius: .75rem}*{border-color:var(--border)}