سمة Tailwind من أي موقع

1/* Tailwind v4 theme extracted from https://www.airbnb.com/ */
2@import "tailwindcss";
3​
4@theme {
5  --color-background: #ffffff;
6  --color-surface: #dddddd;
7  --color-surface-2: #f2f2f2;
8  --color-foreground: #222222;
9  --color-muted-foreground: #6c6c6c;
10  --color-primary: #da1249;
11  --color-on-primary: #ffffff;
12  --color-border: #ffffff;
13  --font-sans: "Airbnb Cereal VF", "Inter", sans-serif;
14  --font-display: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
15  --radius-none: 0px;
16  --radius-2xl: 100px;
17  --radius-xl: 20px;
18  --radius-md: 8px;
19  --radius-lg: 14px;
20  --radius-full: 9999px;
21  --shadow-sm: color(srgb 0 0 0 / 0.02) 0px 0px 0px 1px, color(srgb 0 0 0 / 0.04) 0px 2px 6px 0px, color(srgb 0 0 0 / 0.1) 0px 4px 8px 0px;
22  --shadow-md: rgba(0, 0, 0, 0.5) 0px -6px 15px 0px, rgba(0, 0, 0, 0.08) 0px 4px 4px 0px, rgba(0, 0, 0, 0.18) 0px 12px 15px 0px;
23  --shadow-lg: rgba(218, 218, 218, 0.6) 0px 0.5px 1px 0px, rgba(0, 0, 0, 0.12) 0px -0.502px 1.004px 0px, rgba(0, 0, 0, 0.04) 0px -1.5px 3.5px 0px, rgba(0, 0, 0, 0.05) 0px 3px 5px 0px, rgba(0, 0, 0, 0.2) 0px 0.75px 1px 0px inset, rgba(34, 34, 34, 0.6) 0px -0.5px 5px 1px inset, rgba(0, 0, 0, 0.16) 0.502px 0.5px 2px 0px inset, rgba(0, 0, 0, 0.12) 0px -3px 7px 0px inset, rgba(0, 0, 0, 0.05) 0.502px 2px 4px 0px inset, rgba(0, 0, 0, 0.04) 1.004px 4px 4px 0px inset, rgba(184, 72, 155, 0.2) 0px -3px 7px 0px inset;
24  --shadow-xl: rgba(0, 0, 0, 0.16) 0px 2px 2px 0px, rgba(255, 255, 255, 0.04) 1px 1.5px 3px 0px inset, rgba(255, 255, 255, 0.04) -1px 1.25px 3px 0px inset, rgba(255, 56, 92, 0.3) 0px -1px 3px 0px inset, rgba(0, 0, 0, 0.16) 0px -1px 2px 0px inset;
25  --breakpoint-bp1: 743px;
26  --breakpoint-bp2: 744px;
27  --breakpoint-bp3: 950px;
28  --breakpoint-bp4: 1128px;
29  --breakpoint-bp5: 1440px;
30}
31​