1@import "tailwindcss";
2@import "uniwind";
3@import "./generated-uniwind-themes.css";
4
5/* ─── Theme tokens ──────────────────────────────────────────────────── */
6@layer theme {
7 :root {
8 @variant android {
9 --font-mono: "monospace";
10 }
11 }
12}
13
14/* ─── Typography ────────────────────────────────────────────────────── */
15@theme {
16 /* Keep these native family names aligned with app.config.ts. */
17 --font-sans: "DMSans-Regular";
18 --font-medium: "DMSans-Medium";
19 --font-bold: "DMSans-Bold";
20
21 /* Keep this scale aligned with src/lib/typography.ts for native style props. */
22 --text-3xs: 11px;
23 --text-3xs--line-height: 14px;
24 --text-2xs: 12px;
25 --text-2xs--line-height: 16px;
26 --text-xs: 13px;
27 --text-xs--line-height: 17px;
28 --text-sm: 14px;
29 --text-sm--line-height: 19px;
30 --text-base: 16px;
31 --text-base--line-height: 23px;
32 --text-lg: 18px;
33 --text-lg--line-height: 23px;
34 --text-xl: 21px;
35 --text-xl--line-height: 28px;
36 --text-2xl: 26px;
37 --text-2xl--line-height: 32px;
38 --text-3xl: 30px;
39 --text-3xl--line-height: 36px;
40}
41
42/* ─── Custom utilities ──────────────────────────────────────────────── */
43@utility font-t3-medium {
44 font-family: var(--font-medium);
45}
46
47@utility font-t3-bold {
48 font-family: var(--font-bold);
49}
50
51@utility font-t3-extrabold {
52 font-family: var(--font-bold);
53 font-weight: 800;
54}