alice.pds.demo.boltless.dev
This repository has no description
1@import 'tailwindcss';
2
3@theme {
4 --font-sans: 'InterVariable', 'system-ui', sans-serif, ui-sans-serif;
5 --font-mono:
6 'IBMPlexMono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
7 'Courier New', monospace;
8 --color-bg: #f1f5f9;
9 --color-bg-auth: #ffffff;
10 --color-surface: #ffffff;
11 --color-surface-hover: #f9fafb;
12 --color-surface-muted: #f3f4f6;
13 --color-fg: #111827;
14 --color-fg-strong: #030712;
15 --color-fg-muted: #4b5563;
16 --color-fg-subtle: #6b7280;
17 --color-fg-faint: #9ca3af;
18 --color-border: #e5e7eb;
19 --color-border-subtle: #f3f4f6;
20 --color-border-strong: #d1d5db;
21 --color-ring: #d1d5db;
22 --color-raised-depth: #e5e7eb;
23 --color-raised-accent-depth: rgb(17 24 39 / 0.25);
24 --color-raised-accent-depth-active: rgb(17 24 39 / 0.5);
25 --color-raised-depth-hover: #d1d5db;
26 --color-success: #16a34a;
27 --color-success-hover: #15803d;
28 --color-success-border: #15803d;
29 --color-success-fg: #ffffff;
30 --color-primary: #4f46e5;
31 --color-primary-hover: #4338ca;
32 --color-primary-border: #4338ca;
33 --color-primary-fg: #ffffff;
34 --color-info: #3b82f6;
35 --color-info-soft: #dbeafe;
36 --color-danger: #dc2626;
37 --color-danger-hover: #b91c1c;
38 --color-danger-border: #b91c1c;
39 --color-danger-fg: #ffffff;
40 --color-danger-soft: #fef2f2;
41 --shadow-menu: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
42}
43
44@layer base {
45 @font-face {
46 font-family: 'InterVariable';
47 src: url('/fonts/InterVariable.woff2') format('woff2-variations');
48 font-weight: 100 600;
49 font-style: normal;
50 font-display: swap;
51 }
52
53 @font-face {
54 font-family: 'InterVariable';
55 src: url('/fonts/InterVariable-Italic.woff2') format('woff2-variations');
56 font-weight: 100 600;
57 font-style: italic;
58 font-display: swap;
59 }
60
61 @font-face {
62 font-family: 'InterVariable';
63 src: url('/fonts/InterDisplay-Bold.woff2') format('woff2');
64 font-weight: bold;
65 font-style: normal;
66 font-display: swap;
67 }
68
69 @font-face {
70 font-family: 'InterVariable';
71 src: url('/fonts/InterDisplay-BoldItalic.woff2') format('woff2');
72 font-weight: bold;
73 font-style: italic;
74 font-display: swap;
75 }
76
77 @font-face {
78 font-family: 'IBMPlexMono';
79 src: url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');
80 font-weight: normal;
81 font-style: normal;
82 font-display: swap;
83 }
84
85 @font-face {
86 font-family: 'IBMPlexMono';
87 src: url('/fonts/IBMPlexMono-Italic.woff2') format('woff2');
88 font-weight: normal;
89 font-style: italic;
90 font-display: swap;
91 }
92
93 @font-face {
94 font-family: 'IBMPlexMono';
95 src: url('/fonts/IBMPlexMono-Bold.woff2') format('woff2');
96 font-weight: bold;
97 font-style: normal;
98 font-display: swap;
99 }
100
101 @font-face {
102 font-family: 'IBMPlexMono';
103 src: url('/fonts/IBMPlexMono-BoldItalic.woff2') format('woff2');
104 font-weight: bold;
105 font-style: italic;
106 font-display: swap;
107 }
108
109 html {
110 font-size: 16px;
111 scrollbar-gutter: stable;
112 }
113
114 @media (prefers-color-scheme: dark) {
115 :root {
116 --color-bg: #111827;
117 --color-bg-auth: #111827;
118 --color-surface: #1f2937;
119 --color-surface-hover: #374151;
120 --color-surface-muted: #374151;
121 --color-fg: #f3f4f6;
122 --color-fg-strong: #ffffff;
123 --color-fg-muted: #d1d5db;
124 --color-fg-subtle: #9ca3af;
125 --color-border: #374151;
126 --color-border-subtle: #374151;
127 --color-border-strong: #4b5563;
128 --color-ring: #4b5563;
129 --color-raised-depth: #111827;
130 --color-raised-depth-hover: #1f2937;
131 --color-success: #15803d;
132 --color-success-hover: #166534;
133 --color-success-border: #16a34a;
134 --color-primary: #6366f1;
135 --color-primary-hover: #4f46e5;
136 --color-primary-border: #4f46e5;
137 --color-info: #60a5fa;
138 --color-info-soft: rgb(30 58 138 / 0.3);
139 --color-danger: #b91c1c;
140 --color-danger-hover: #991b1b;
141 --color-danger-border: #dc2626;
142 --color-danger-soft: rgb(153 27 27 / 0.2);
143 }
144 }
145
146 body {
147 @apply flex min-h-screen flex-col bg-bg text-fg transition-colors duration-200;
148 font-size: 14px;
149 }
150
151 a {
152 @apply text-fg no-underline hover:text-fg-muted;
153 }
154}