Styles

1@import 'tailwindcss';
2@import 'tw-animate-css';
3 
4@custom-variant dark (&:is(.dark *));
5 
6/* BoldKit Theme Definition for Tailwind v4 */
7@theme {
8  --color-background: hsl(var(--background));
9  --color-foreground: hsl(var(--foreground));
10  --color-card: hsl(var(--card));
11  --color-card-foreground: hsl(var(--card-foreground));
12  --color-popover: hsl(var(--popover));
13  --color-popover-foreground: hsl(var(--popover-foreground));
14  --color-primary: hsl(var(--primary));
15  --color-primary-foreground: hsl(var(--primary-foreground));
16  --color-secondary: hsl(var(--secondary));
17  --color-secondary-foreground: hsl(var(--secondary-foreground));
18  --color-accent: hsl(var(--accent));
19  --color-accent-foreground: hsl(var(--accent-foreground));
20  --color-muted: hsl(var(--muted));
21  --color-muted-foreground: hsl(var(--muted-foreground));
22  --color-destructive: hsl(var(--destructive));
23  --color-destructive-foreground: hsl(var(--destructive-foreground));
24  --color-success: hsl(var(--success));
25  --color-success-foreground: hsl(var(--success-foreground));
26  --color-warning: hsl(var(--warning));
27  --color-warning-foreground: hsl(var(--warning-foreground));
28  --color-info: hsl(var(--info));
29  --color-info-foreground: hsl(var(--info-foreground));
30  --color-border: hsl(var(--border));
31  --color-input: hsl(var(--input));
32  --color-ring: hsl(var(--ring));
33  --color-chart-1: hsl(var(--chart-1));
34  --color-chart-2: hsl(var(--chart-2));
35  --color-chart-3: hsl(var(--chart-3));
36  --color-chart-4: hsl(var(--chart-4));
37  --color-chart-5: hsl(var(--chart-5));
38  /* Neon Colors */
39  --color-neon-pink: hsl(var(--neon-pink));
40  --color-neon-green: hsl(var(--neon-green));
41  --color-neon-blue: hsl(var(--neon-blue));
42  --color-neon-orange: hsl(var(--neon-orange));
43  --color-neon-purple: hsl(var(--neon-purple));
44  /* Clash Colors */
45  --color-clash-1: hsl(var(--clash-1));
46  --color-clash-2: hsl(var(--clash-2));
47  --color-clash-3: hsl(var(--clash-3));
48  --color-clash-4: hsl(var(--clash-4));
49  --radius-sm: calc(var(--radius) - 4px);
50  --radius-md: calc(var(--radius) - 2px);
51  --radius-lg: var(--radius);
52 
53  /* BoldKit Motion System — L1 Tokens (framework-agnostic, --bk-* namespace).
54     The snap duration/easing back the .bk-interactive transition used by the
55     core interactive components (Button, Card, Input, Toggle, Switch). */
56  --bk-ease-snap:  cubic-bezier(0.22, 1, 0.3, 1.12);
57  --bk-dur-snap:   150ms;
58 
59  /* Easing tokens — custom curves per the animations.dev easing blueprint.
60// … truncated