TDDS Style

1/* Treasury Department Design System (TDDS) CSS Variables */
2/* Install this style to get all TDDS color tokens */
3 
4@custom-variant dark (&:is(.dark *));
5 
6@theme inline {
7  /* TDDS Treasury Custom Colors - generates utilities like bg-treasury-primary, text-treasury-secondary */
8  --color-treasury-primary-lightest: var(--treasury-primary-lightest);
9  --color-treasury-primary-light: var(--treasury-primary-light);
10  --color-treasury-primary: var(--treasury-primary);
11  --color-treasury-primary-dark: var(--treasury-primary-dark);
12  --color-treasury-primary-darkest: var(--treasury-primary-darkest);
13  /* TDDS Secondary (greens) */
14  --color-treasury-secondary-lightest: var(--treasury-secondary-lightest);
15  --color-treasury-secondary-light: var(--treasury-secondary-light);
16  --color-treasury-secondary: var(--treasury-secondary);
17  --color-treasury-secondary-dark: var(--treasury-secondary-dark);
18  --color-treasury-secondary-darkest: var(--treasury-secondary-darkest);
19  /* TDDS Accent (yellows) */
20  --color-treasury-accent-lightest: var(--treasury-accent-lightest);
21  --color-treasury-accent-light: var(--treasury-accent-light);
22  --color-treasury-accent: var(--treasury-accent);
23  --color-treasury-accent-dark: var(--treasury-accent-dark);
24  /* TDDS Warning (reds) */
25  --color-treasury-warning-lightest: var(--treasury-warning-lightest);
26  --color-treasury-warning: var(--treasury-warning);
27  --color-treasury-warning-dark: var(--treasury-warning-dark);
28  /* TDDS Base Colors - generates utilities like bg-treasury-paper, text-treasury-ink */
29  --color-treasury-paper: var(--treasury-paper);
30  --color-treasury-base-lightest: var(--treasury-base-lightest);
31  --color-treasury-base-light: var(--treasury-base-light);
32  --color-treasury-base: var(--treasury-base);
33  --color-treasury-base-dark: var(--treasury-base-dark);
34  --color-treasury-base-darkest: var(--treasury-base-darkest);
35  --color-treasury-ink: var(--treasury-ink);
36}
37 
38:root {
39  /* TDDS Treasury Primary Colors (blues) */
40  --treasury-primary-lightest: #E0EEFD;
41  --treasury-primary-light: #2D8FE8;
42  --treasury-primary: #0053A2;
43  --treasury-primary-dark: #083C6F;
44  --treasury-primary-darkest: #1C2936;
45 
46  /* TDDS Secondary Colors (greens) */
47  --treasury-secondary-lightest: #E0EDE3;
48  --treasury-secondary-light: #31B722;
49  --treasury-secondary: #2E8540;
50  --treasury-secondary-dark: #175624;
51  --treasury-secondary-darkest: #092D10;
52 
53  /* TDDS Accent Colors (yellows/gold) */
54  --treasury-accent-lightest: #F9F6DA;
55// … truncated