WIP push-to-talk Letta chat frontend
graham.systems
1@import "tailwindcss";
2@plugin "@tailwindcss/forms";
3@plugin "@iconify/tailwind4";
4
5@theme {
6 --color-rose-pine-base: hsl(249deg, 22%, 12%);
7 --color-rose-pine-surface: hsl(247deg, 23%, 15%);
8 --color-rose-pine-overlay: hsl(248deg, 25%, 18%);
9 --color-rose-pine-muted: hsl(249deg, 12%, 47%);
10 --color-rose-pine-subtle: hsl(248deg, 15%, 61%);
11 --color-rose-pine-text: hsl(245deg, 50%, 91%);
12 --color-rose-pine-love: hsl(343deg, 76%, 68%);
13 --color-rose-pine-gold: hsl(35deg, 88%, 72%);
14 --color-rose-pine-rose: hsl(2deg, 55%, 83%);
15 --color-rose-pine-pine: hsl(197deg, 49%, 38%);
16 --color-rose-pine-foam: hsl(189deg, 43%, 73%);
17 --color-rose-pine-iris: hsl(267deg, 57%, 78%);
18 --color-rose-pine-highlight-low: hsl(244deg, 18%, 15%);
19 --color-rose-pine-highlight-med: hsl(249deg, 15%, 28%);
20 --color-rose-pine-highlight-high: hsl(248deg, 13%, 36%);
21
22 --font-sans: "Recursive Variable";
23
24 --font-cursive: "Recursive Variable";
25 --font-cursive--font-variation-settings: "CRSV" 1, "CASL" 1;
26
27 --font-mono: "Recursive Variable";
28 --font-mono--font-variation-settings: "MONO" 1;
29
30 --font-skeleton: "Flow Block";
31
32 --animate-wiggle: wiggle 1s ease-in-out infinite;
33
34 @keyframes wiggle {
35 0%,
36 100% {
37 transform: rotate(0deg);
38 }
39 33% {
40 transform: rotate(-5deg);
41 }
42 66% {
43 transform: rotate(5deg);
44 }
45 }
46}