@signozhq/design-tokens 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/design-tokens.js +7 -1
  2. package/dist/design-tokens.umd.cjs +1 -1
  3. package/dist/index.d.ts +58 -16
  4. package/dist/themes/signoz-tokens.css +3 -3
  5. package/package.json +5 -1
package/dist/index.d.ts CHANGED
@@ -2017,13 +2017,13 @@ export declare const semanticTokens: {
2017
2017
  "group": "actions"
2018
2018
  },
2019
2019
  "success-foreground": {
2020
- "value": "var(--text-neutral-light-50)",
2020
+ "value": "var(--text-neutral-light-950)",
2021
2021
  "description": "Text color for success action elements",
2022
2022
  "category": "foreground",
2023
2023
  "group": "actions"
2024
2024
  },
2025
2025
  "success-foreground-hover": {
2026
- "value": "var(--text-base-black)",
2026
+ "value": "var(--text-neutral-light-1000)",
2027
2027
  "description": "Hover text color for success elements",
2028
2028
  "category": "foreground",
2029
2029
  "group": "actions"
@@ -2887,6 +2887,24 @@ export declare const semanticTokens: {
2887
2887
  "category": "foreground",
2888
2888
  "group": "pills"
2889
2889
  },
2890
+ "pill-invalid-background": {
2891
+ "value": "var(--destructive)",
2892
+ "description": "Fill of an invalid closeable pill, tinted before use",
2893
+ "category": "background",
2894
+ "group": "pills"
2895
+ },
2896
+ "pill-invalid-dismiss-icon": {
2897
+ "value": "var(--destructive)",
2898
+ "description": "Dismiss icon color for invalid closeable pills",
2899
+ "category": "foreground",
2900
+ "group": "pills"
2901
+ },
2902
+ "pill-invalid-dismiss-icon-hover": {
2903
+ "value": "var(--destructive)",
2904
+ "description": "Hover dismiss icon color for invalid closeable pills",
2905
+ "category": "foreground",
2906
+ "group": "pills"
2907
+ },
2890
2908
  "pill-focus-ring": {
2891
2909
  "value": "var(--ring)",
2892
2910
  "description": "Focus ring around a pill and its close button",
@@ -3080,7 +3098,7 @@ export declare const semanticTokens: {
3080
3098
  "group": "badges"
3081
3099
  },
3082
3100
  "badge-info-foreground": {
3083
- "value": "var(--text-ink-500)",
3101
+ "value": "var(--text-neutral-light-950)",
3084
3102
  "description": "Label and icons of a solid info badge",
3085
3103
  "category": "foreground",
3086
3104
  "group": "badges"
@@ -3092,7 +3110,7 @@ export declare const semanticTokens: {
3092
3110
  "group": "badges"
3093
3111
  },
3094
3112
  "badge-archive-foreground": {
3095
- "value": "var(--text-ink-500)",
3113
+ "value": "var(--text-neutral-light-950)",
3096
3114
  "description": "Label and icons of a solid archive badge",
3097
3115
  "category": "foreground",
3098
3116
  "group": "badges"
@@ -3104,7 +3122,7 @@ export declare const semanticTokens: {
3104
3122
  "group": "badges"
3105
3123
  },
3106
3124
  "badge-highlight-danger-foreground": {
3107
- "value": "var(--text-ink-500)",
3125
+ "value": "var(--text-neutral-light-950)",
3108
3126
  "description": "Label and icons of a solid highlight danger badge",
3109
3127
  "category": "foreground",
3110
3128
  "group": "badges"
@@ -3290,7 +3308,7 @@ export declare const semanticTokens: {
3290
3308
  "group": "radios"
3291
3309
  },
3292
3310
  "radio-group-info-dot": {
3293
- "value": "var(--text-ink-500)",
3311
+ "value": "var(--text-neutral-light-950)",
3294
3312
  "description": "Inner dot color for checked info radios",
3295
3313
  "category": "foreground",
3296
3314
  "group": "radios"
@@ -3308,7 +3326,7 @@ export declare const semanticTokens: {
3308
3326
  "group": "radios"
3309
3327
  },
3310
3328
  "radio-group-archive-dot": {
3311
- "value": "var(--text-ink-500)",
3329
+ "value": "var(--text-neutral-light-950)",
3312
3330
  "description": "Inner dot color for checked archive radios",
3313
3331
  "category": "foreground",
3314
3332
  "group": "radios"
@@ -3326,7 +3344,7 @@ export declare const semanticTokens: {
3326
3344
  "group": "radios"
3327
3345
  },
3328
3346
  "radio-group-highlight-danger-dot": {
3329
- "value": "var(--text-ink-500)",
3347
+ "value": "var(--text-neutral-light-950)",
3330
3348
  "description": "Inner dot color for checked highlight-danger radios",
3331
3349
  "category": "foreground",
3332
3350
  "group": "radios"
@@ -4130,7 +4148,7 @@ export declare const semanticTokens: {
4130
4148
  "group": "checkboxes"
4131
4149
  },
4132
4150
  "checkbox-info-foreground": {
4133
- "value": "var(--text-ink-500)",
4151
+ "value": "var(--text-neutral-light-950)",
4134
4152
  "description": "Check and dash glyph color for info checkboxes",
4135
4153
  "category": "text",
4136
4154
  "group": "checkboxes"
@@ -4148,7 +4166,7 @@ export declare const semanticTokens: {
4148
4166
  "group": "checkboxes"
4149
4167
  },
4150
4168
  "checkbox-archive-foreground": {
4151
- "value": "var(--text-ink-500)",
4169
+ "value": "var(--text-neutral-light-950)",
4152
4170
  "description": "Check and dash glyph color for archive checkboxes",
4153
4171
  "category": "text",
4154
4172
  "group": "checkboxes"
@@ -4166,7 +4184,7 @@ export declare const semanticTokens: {
4166
4184
  "group": "checkboxes"
4167
4185
  },
4168
4186
  "checkbox-highlight-danger-foreground": {
4169
- "value": "var(--text-ink-500)",
4187
+ "value": "var(--text-neutral-light-950)",
4170
4188
  "description": "Check and dash glyph color for highlight-danger checkboxes",
4171
4189
  "category": "text",
4172
4190
  "group": "checkboxes"
@@ -5831,6 +5849,24 @@ export declare const semanticTokens: {
5831
5849
  "category": "foreground",
5832
5850
  "group": "pills"
5833
5851
  },
5852
+ "pill-invalid-background": {
5853
+ "value": "var(--destructive)",
5854
+ "description": "Fill of an invalid closeable pill, tinted before use",
5855
+ "category": "background",
5856
+ "group": "pills"
5857
+ },
5858
+ "pill-invalid-dismiss-icon": {
5859
+ "value": "var(--destructive)",
5860
+ "description": "Dismiss icon color for invalid closeable pills",
5861
+ "category": "foreground",
5862
+ "group": "pills"
5863
+ },
5864
+ "pill-invalid-dismiss-icon-hover": {
5865
+ "value": "var(--destructive)",
5866
+ "description": "Hover dismiss icon color for invalid closeable pills",
5867
+ "category": "foreground",
5868
+ "group": "pills"
5869
+ },
5834
5870
  "pill-focus-ring": {
5835
5871
  "value": "var(--ring)",
5836
5872
  "description": "Focus ring around a pill and its close button",
@@ -6300,7 +6336,7 @@ export declare const semanticTokens: {
6300
6336
  "group": "switches"
6301
6337
  },
6302
6338
  "switch-primary-hover-background": {
6303
- "value": "var(--primary-background-hover)",
6339
+ "value": "var(--bg-robin-400)",
6304
6340
  "description": "Track fill for hovered checked primary switches",
6305
6341
  "category": "background",
6306
6342
  "group": "switches"
@@ -6336,7 +6372,7 @@ export declare const semanticTokens: {
6336
6372
  "group": "switches"
6337
6373
  },
6338
6374
  "switch-warning-hover-background": {
6339
- "value": "var(--warning-background-hover)",
6375
+ "value": "var(--bg-amber-400)",
6340
6376
  "description": "Track fill for hovered checked warning switches",
6341
6377
  "category": "background",
6342
6378
  "group": "switches"
@@ -6348,7 +6384,7 @@ export declare const semanticTokens: {
6348
6384
  "group": "switches"
6349
6385
  },
6350
6386
  "switch-danger-hover-background": {
6351
- "value": "var(--danger-background-hover)",
6387
+ "value": "var(--bg-cherry-400)",
6352
6388
  "description": "Track fill for hovered checked danger switches",
6353
6389
  "category": "background",
6354
6390
  "group": "switches"
@@ -7793,7 +7829,7 @@ export declare type SpacingType = (typeof Spacing)[keyof typeof Spacing];
7793
7829
  /**
7794
7830
  * Semantic Token Constants
7795
7831
  * DO NOT EDIT DIRECTLY - This file is auto-generated
7796
- * Generated on Thu, 24 Sep 2026 14:59:28 GMT
7832
+ * Generated on Tue, 29 Sep 2026 20:52:13 GMT
7797
7833
  */
7798
7834
  export declare const Style: {
7799
7835
  readonly BACKGROUND: "var(--background)";
@@ -8001,6 +8037,9 @@ export declare const Style: {
8001
8037
  readonly PILL_HIGHLIGHT_DANGER_LABEL_HOVER: "var(--pill-highlight-danger-label-hover)";
8002
8038
  readonly PILL_INVALID_BORDER: "var(--pill-invalid-border)";
8003
8039
  readonly PILL_INVALID_LABEL: "var(--pill-invalid-label)";
8040
+ readonly PILL_INVALID_BACKGROUND: "var(--pill-invalid-background)";
8041
+ readonly PILL_INVALID_DISMISS_ICON: "var(--pill-invalid-dismiss-icon)";
8042
+ readonly PILL_INVALID_DISMISS_ICON_HOVER: "var(--pill-invalid-dismiss-icon-hover)";
8004
8043
  readonly PILL_FOCUS_RING: "var(--pill-focus-ring)";
8005
8044
  readonly BADGE_PRIMARY_OUTLINED_BACKGROUND: "var(--badge-primary-outlined-background)";
8006
8045
  readonly BADGE_PRIMARY_OUTLINED_BORDER: "var(--badge-primary-outlined-border)";
@@ -8286,7 +8325,7 @@ export declare const Style: {
8286
8325
  /**
8287
8326
  * Semantic Token Tailwind Config
8288
8327
  * DO NOT EDIT DIRECTLY - This file is auto-generated
8289
- * Generated on Thu, 24 Sep 2026 14:59:28 GMT
8328
+ * Generated on Tue, 29 Sep 2026 20:52:13 GMT
8290
8329
  */
8291
8330
  export declare const StyleTailwind: {
8292
8331
  readonly background: "var(--background)";
@@ -8494,6 +8533,9 @@ export declare const StyleTailwind: {
8494
8533
  readonly 'pill-highlight-danger-label-hover': "var(--pill-highlight-danger-label-hover)";
8495
8534
  readonly 'pill-invalid-border': "var(--pill-invalid-border)";
8496
8535
  readonly 'pill-invalid-label': "var(--pill-invalid-label)";
8536
+ readonly 'pill-invalid-background': "var(--pill-invalid-background)";
8537
+ readonly 'pill-invalid-dismiss-icon': "var(--pill-invalid-dismiss-icon)";
8538
+ readonly 'pill-invalid-dismiss-icon-hover': "var(--pill-invalid-dismiss-icon-hover)";
8497
8539
  readonly 'pill-focus-ring': "var(--pill-focus-ring)";
8498
8540
  readonly 'badge-primary-outlined-background': "var(--badge-primary-outlined-background)";
8499
8541
  readonly 'badge-primary-outlined-border': "var(--badge-primary-outlined-border)";
package/dist/themes/signoz-tokens.css CHANGED
@@ -1,10 +1,10 @@
1
- [data-theme=default]{color-scheme:light;--background:var(--bg-vanilla-200);--foreground:var(--text-ink-400);--card:var(--bg-vanilla-100);--card-foreground:var(--text-ink-400);--popover:var(--bg-vanilla-100);--popover-foreground:var(--text-ink-400);--primary:var(--bg-robin-500);--secondary:var(--bg-vanilla-300);--muted:var(--bg-vanilla-300);--muted-foreground:var(--text-slate-50);--accent:var(--bg-aqua-100);--accent-foreground:var(--text-slate-400);--destructive:var(--bg-cherry-500);--destructive-foreground:var(--text-vanilla-100);--border:var(--bg-vanilla-400);--input:var(--bg-vanilla-400);--ring:var(--bg-robin-500);--radius:0.25rem;--chart-1:var(--bg-robin-500);--chart-2:var(--bg-robin-600);--chart-3:var(--bg-slate-300);--chart-4:var(--bg-slate-400);--chart-5:var(--bg-slate-500);--sidebar:var(--bg-vanilla-300);--sidebar-foreground:var(--text-ink-400);--sidebar-primary:var(--bg-robin-500);--sidebar-primary-foreground:var(--text-vanilla-100);--sidebar-accent:var(--bg-aqua-100);--sidebar-accent-foreground:var(--text-slate-400);--sidebar-border:var(--bg-slate-400);--sidebar-ring:var(--bg-robin-500);--font-sans:"Inter";--font-serif:"Open Sans";--font-mono:"Geist Mono";--base-white:var(--text-base-white);--base-black:var(--text-base-black);--l1-background:var(--bg-neutral-light-1000);--l2-background:var(--bg-neutral-light-950);--l3-background:var(--bg-neutral-light-800);--l1-background-hover:var(--bg-neutral-light-900);--l2-background-hover:var(--bg-neutral-light-700);--l3-background-hover:var(--bg-neutral-light-700);--l1-foreground:var(--text-neutral-light-50);--l1-foreground-hover:var(--text-base-black);--l2-foreground:var(--text-neutral-light-100);--l2-foreground-hover:var(--text-neutral-light-50);--l3-foreground:var(--text-neutral-light-200);--l3-foreground-hover:var(--text-neutral-light-300);--l1-border:var(--bg-neutral-light-900);--l2-border:var(--bg-neutral-light-800);--l3-border:var(--bg-neutral-light-700);--primary-background:var(--bg-robin-500);--primary-background-hover:var(--bg-robin-600);--primary-foreground:var(--text-neutral-light-1000);--primary-foreground-hover:var(--text-base-white);--secondary-background:var(--l3-background-60);--secondary-background-hover:var(--l3-background-hover);--secondary-foreground:var(--l2-foreground);--secondary-foreground-hover:var(--l1-foreground-hover);--secondary-border:var(--l3-border);--success-background:var(--bg-forest-600);--success-background-hover:var(--bg-forest-400);--success-foreground:var(--text-neutral-light-50);--success-foreground-hover:var(--text-base-black);--warning-background:var(--bg-amber-500);--warning-background-hover:var(--bg-amber-600);--warning-foreground:var(--text-neutral-light-50);--warning-foreground-hover:var(--text-base-black);--danger-background:var(--bg-cherry-500);--danger-background-hover:var(--bg-cherry-600);--danger-foreground:var(--text-neutral-light-1000);--danger-foreground-hover:var(--text-base-white);--primary-link:var(--bg-robin-600);--primary-link-hover:var(--bg-robin-700);--secondary-link:var(--l2-foreground);--secondary-link-hover:var(--l1-foreground-hover);--success-link:var(--bg-forest-600);--success-link-hover:var(--bg-forest-700);--warning-link:var(--bg-amber-800);--warning-link-hover:var(--bg-amber-900);--danger-link:var(--bg-cherry-600);--danger-link-hover:var(--bg-cherry-700);--l1-background-transparent:color-mix(in srgb,var(--bg-neutral-light-1000),transparent 100%);--l1-background-60:color-mix(in srgb,var(--bg-neutral-light-1000),transparent 20%);--l2-background-transparent:color-mix(in srgb,var(--bg-neutral-light-950),transparent 100%);--l2-background-60:color-mix(in srgb,var(--bg-neutral-light-950),transparent 20%);--l3-background-transparent:color-mix(in srgb,var(--bg-neutral-light-800),transparent 100%);--l3-background-60:color-mix(in srgb,var(--bg-neutral-light-800),transparent 20%);--l3-background-30:color-mix(in srgb,var(--bg-neutral-light-800),transparent 70%);--surface-1:var(--l1-background);--surface-2:var(--l1-background);--surface-3:var(--l1-background);--surface-static:var(--bg-neutral-dark-800);--alert-strip-button-background:color-mix(in srgb,var(--bg-ink-400),transparent 40%);--callout-primary-background:color-mix(in srgb,var(--bg-robin-500),transparent 90%);--callout-primary-border:color-mix(in srgb,var(--bg-robin-500),transparent 80%);--callout-primary-title:var(--bg-robin-600);--callout-primary-description:var(--bg-robin-600);--callout-primary-icon:var(--bg-robin-600);--callout-success-background:color-mix(in srgb,var(--bg-forest-600),transparent 90%);--callout-success-border:color-mix(in srgb,var(--bg-forest-600),transparent 80%);--callout-success-title:var(--bg-forest-600);--callout-success-description:var(--bg-forest-600);--callout-success-icon:var(--bg-forest-700);--callout-warning-background:color-mix(in srgb,var(--bg-amber-600),transparent 90%);--callout-warning-border:color-mix(in srgb,var(--bg-amber-600),transparent 80%);--callout-warning-title:var(--bg-amber-700);--callout-warning-description:var(--bg-amber-700);--callout-warning-icon:var(--bg-amber-800);--callout-error-background:color-mix(in srgb,var(--bg-cherry-500),transparent 90%);--callout-error-border:color-mix(in srgb,var(--bg-cherry-500),transparent 80%);--callout-error-title:var(--bg-cherry-600);--callout-error-description:var(--bg-cherry-600);--callout-error-icon:var(--bg-cherry-700);--accent-primary:var(--bg-robin-500);--accent-primary-hover:var(--bg-robin-400);--accent-primary-foreground:var(--text-vanilla-100);--accent-forest:var(--bg-forest-500);--accent-forest-hover:var(--bg-forest-400);--accent-forest-foreground:var(--text-vanilla-100);--accent-amber:var(--bg-amber-500);--accent-amber-hover:var(--bg-amber-400);--accent-amber-foreground:var(--text-vanilla-100);--accent-cherry:var(--bg-cherry-500);--accent-cherry-hover:var(--bg-cherry-400);--accent-cherry-foreground:var(--text-vanilla-100);--accent-aqua:var(--bg-aqua-500);--accent-aqua-hover:var(--bg-aqua-400);--accent-aqua-foreground:var(--text-vanilla-100);--accent-sakura:var(--bg-sakura-500);--accent-sakura-hover:var(--bg-sakura-400);--accent-sakura-foreground:var(--text-vanilla-100);--accent-sienna:var(--bg-sienna-500);--accent-sienna-hover:var(--bg-sienna-400);--accent-sienna-foreground:var(--text-vanilla-100);--ghost-background:transparent;--ghost-background-hover:var(--bg-vanilla-300);--ghost-foreground:var(--bg-slate-50);--ghost-foreground-hover:var(--bg-slate-300);--ghost-border:var(--bg-vanilla-300);--action-background:transparent;--action-background-hover:var(--bg-vanilla-300);--action-border:var(--bg-vanilla-300);--action-border-hover:var(--bg-vanilla-400);--action-foreground:var(--bg-slate-50);--action-foreground-hover:var(--bg-slate-300);--callout-sienna-background:color-mix(in srgb,var(--bg-sienna-500) 10%,transparent);--callout-sienna-border:color-mix(in srgb,var(--bg-sienna-500) 20%,transparent);--callout-sienna-title:var(--bg-sienna-600);--callout-sienna-description:var(--bg-sienna-600);--callout-sienna-icon:var(--bg-sienna-600);--callout-aqua-background:color-mix(in srgb,var(--bg-aqua-500) 10%,transparent);--callout-aqua-border:color-mix(in srgb,var(--bg-aqua-500) 20%,transparent);--callout-aqua-title:var(--bg-aqua-700);--callout-aqua-description:var(--bg-aqua-700);--callout-aqua-icon:var(--bg-aqua-600);--control-icon-foreground:var(--text-base-white);--control-icon-foreground-contrast:var(--text-base-black);--shadow-sidebar:33px 365px 103px 0 transparent,21px 234px 94px 0 rgba(0,0,0,.01),12px 132px 79px 0 rgba(0,0,0,.05),5px 58px 59px 0 rgba(0,0,0,.03),1px 15px 32px 0 rgba(0,0,0,.04);--shadow-dropdown:0 105px 29px 0 transparent,0 67px 27px 0 rgba(0,0,0,.01),0 38px 23px 0 rgba(0,0,0,.02),0 17px 17px 0 rgba(0,0,0,.04),0 4px 9px 0 rgba(0,0,0,.05);--shadow-drawer:-59px 771px 216px 0 transparent,-37px 493px 198px 0 rgba(0,0,0,.01),-21px 278px 167px 0 rgba(0,0,0,.05),-9px 123px 124px 0 rgba(0,0,0,.09),-2px 31px 68px 0 rgba(0,0,0,.1);--shadow-dialog:0 343px 96px 0 transparent,0 220px 88px 0 rgba(0,0,0,.01),0 123px 74px 0 rgba(0,0,0,.03),0 55px 55px 0 rgba(0,0,0,.04),0 14px 30px 0 rgba(0,0,0,.04);--shadow-toast:138px 129px 53px 0 transparent,89px 82px 48px 0 rgba(0,0,0,.01),50px 46px 41px 0 rgba(0,0,0,.05),22px 21px 30px 0 rgba(0,0,0,.09),6px 5px 17px 0 rgba(0,0,0,.1);--shadow-tooltip:0 14px 4px 0 transparent,0 9px 4px 0 rgba(0,0,0,.01),0 5px 3px 0 rgba(0,0,0,.03),0 2px 2px 0 rgba(0,0,0,.05),0 1px 1px 0 rgba(0,0,0,.08);--pill-primary-background:var(--bg-robin-500);--pill-primary-border:var(--bg-robin-500);--pill-primary-label:var(--bg-robin-600);--pill-primary-label-hover:var(--bg-robin-600);--pill-success-background:var(--bg-forest-600);--pill-success-border:var(--bg-forest-600);--pill-success-label:var(--bg-forest-700);--pill-success-label-hover:var(--bg-forest-700);--pill-warning-background:var(--bg-amber-500);--pill-warning-border:var(--bg-amber-500);--pill-warning-label:var(--bg-amber-700);--pill-warning-label-hover:var(--bg-amber-700);--pill-danger-background:var(--bg-cherry-500);--pill-danger-border:var(--bg-cherry-500);--pill-danger-label:var(--bg-cherry-600);--pill-danger-label-hover:var(--bg-cherry-600);--pill-outlined-background:var(--l1-background-transparent);--pill-outlined-background-hover:var(--surface-3);--pill-outlined-border:var(--l3-border);--pill-outlined-label:var(--secondary-foreground);--pill-outlined-label-hover:var(--secondary-foreground-hover);--pill-rect-solid-background:var(--secondary-border);--pill-rect-solid-background-hover:var(--bg-neutral-light-600);--pill-rect-solid-label:var(--l1-foreground);--pill-rect-solid-label-hover:var(--l1-foreground-hover);--pill-rect-solid-dismiss-icon:var(--l2-foreground);--pill-rect-solid-dismiss-icon-hover:var(--l1-foreground);--pill-info-background:var(--bg-aqua-500);--pill-info-border:var(--bg-aqua-500);--pill-info-label:var(--bg-aqua-700);--pill-info-label-hover:var(--bg-aqua-700);--pill-archive-background:var(--bg-sienna-500);--pill-archive-border:var(--bg-sienna-500);--pill-archive-label:var(--bg-sienna-700);--pill-archive-label-hover:var(--bg-sienna-700);--pill-highlight-danger-background:var(--bg-sakura-500);--pill-highlight-danger-border:var(--bg-sakura-500);--pill-highlight-danger-label:var(--bg-sakura-700);--pill-highlight-danger-label-hover:var(--bg-sakura-700);--pill-invalid-border:var(--destructive);--pill-invalid-label:var(--destructive);--pill-focus-ring:var(--ring);--badge-primary-outlined-background:var(--bg-robin-500);--badge-primary-outlined-border:var(--bg-robin-500);--badge-primary-outlined-label:var(--bg-robin-600);--badge-primary-outlined-icon:var(--bg-robin-600);--badge-success-outlined-background:var(--bg-forest-600);--badge-success-outlined-border:var(--bg-forest-600);--badge-success-outlined-label:var(--bg-forest-700);--badge-success-outlined-icon:var(--bg-forest-700);--badge-warning-outlined-background:var(--bg-amber-500);--badge-warning-outlined-border:var(--bg-amber-500);--badge-warning-outlined-label:var(--bg-amber-700);--badge-warning-outlined-icon:var(--bg-amber-700);--badge-danger-outlined-background:var(--bg-cherry-500);--badge-danger-outlined-border:var(--bg-cherry-500);--badge-danger-outlined-label:var(--bg-cherry-600);--badge-danger-outlined-icon:var(--bg-cherry-600);--badge-secondary-outlined-background:var(--l1-background-transparent);--badge-secondary-outlined-border:var(--l3-border);--badge-secondary-outlined-label:var(--secondary-foreground);--badge-secondary-outlined-icon:var(--secondary-foreground);--badge-primary-background:var(--primary-background);--badge-primary-foreground:var(--primary-foreground);--badge-secondary-background:var(--surface-3);--badge-secondary-foreground:var(--secondary-foreground);--badge-success-background:var(--success-background);--badge-success-foreground:var(--success-foreground);--badge-warning-background:var(--warning-background);--badge-warning-foreground:var(--warning-foreground);--badge-danger-background:var(--danger-background);--badge-danger-foreground:var(--danger-foreground);--badge-info-background:var(--bg-aqua-500);--badge-info-foreground:var(--text-ink-500);--badge-archive-background:var(--bg-sienna-500);--badge-archive-foreground:var(--text-ink-500);--badge-highlight-danger-background:var(--bg-sakura-500);--badge-highlight-danger-foreground:var(--text-ink-500);--badge-secondary-border:var(--secondary-border);--badge-info-outlined-background:var(--bg-aqua-500);--badge-info-outlined-border:var(--bg-aqua-500);--badge-info-outlined-label:var(--bg-aqua-700);--badge-archive-outlined-background:var(--bg-sienna-500);--badge-archive-outlined-border:var(--bg-sienna-500);--badge-archive-outlined-label:var(--bg-sienna-700);--badge-highlight-danger-outlined-background:var(--bg-sakura-500);--badge-highlight-danger-outlined-border:var(--bg-sakura-500);--badge-highlight-danger-outlined-label:var(--bg-sakura-700);--radio-group-border:var(--l3-foreground);--radio-group-label:var(--l2-foreground);--radio-group-label-hover:var(--l1-foreground-hover);--radio-group-primary-background:var(--primary-background);--radio-group-primary-border-hover:var(--primary-background-hover);--radio-group-primary-dot:var(--primary-foreground);--radio-group-secondary-background:var(--l2-foreground);--radio-group-secondary-border-hover:var(--l1-foreground-hover);--radio-group-secondary-dot:var(--l1-foreground);--radio-group-success-background:var(--success-background);--radio-group-success-border-hover:var(--success-background-hover);--radio-group-success-dot:var(--success-foreground);--radio-group-warning-background:var(--warning-background);--radio-group-warning-border-hover:var(--warning-background-hover);--radio-group-warning-dot:var(--warning-foreground);--radio-group-danger-background:var(--danger-background);--radio-group-danger-border-hover:var(--danger-background-hover);--radio-group-danger-dot:var(--danger-foreground);--radio-group-info-background:var(--bg-aqua-500);--radio-group-info-border-hover:var(--bg-aqua-400);--radio-group-info-dot:var(--text-ink-500);--radio-group-archive-background:var(--bg-sienna-500);--radio-group-archive-border-hover:var(--bg-sienna-400);--radio-group-archive-dot:var(--text-ink-500);--radio-group-highlight-danger-background:var(--bg-sakura-500);--radio-group-highlight-danger-border-hover:var(--bg-sakura-400);--radio-group-highlight-danger-dot:var(--text-ink-500);--radio-group-focus-ring:var(--ring);--switch-track-background:var(--l3-border);--switch-track-hover-background:var(--l3-background-hover);--switch-primary-background:var(--primary-background);--switch-primary-hover-background:var(--primary-background-hover);--switch-secondary-background:var(--l2-foreground);--switch-secondary-hover-background:var(--l1-foreground-hover);--switch-success-background:var(--success-background);--switch-success-hover-background:var(--success-background-hover);--switch-warning-background:var(--warning-background);--switch-warning-hover-background:var(--warning-background-hover);--switch-danger-background:var(--danger-background);--switch-danger-hover-background:var(--danger-background-hover);--switch-info-background:var(--bg-aqua-500);--switch-info-hover-background:var(--bg-aqua-400);--switch-archive-background:var(--bg-sienna-500);--switch-archive-hover-background:var(--bg-sienna-400);--switch-highlight-danger-background:var(--bg-sakura-500);--switch-highlight-danger-hover-background:var(--bg-sakura-400);--switch-thumb-background:var(--primary-foreground);--switch-label:var(--l1-foreground);--switch-description:var(--l2-foreground);--switch-focus-ring:var(--ring);--tabs-border:var(--l2-border);--tabs-primary-label:var(--l1-foreground);--tabs-primary-label-hover:var(--l1-foreground-hover);--tabs-primary-background-hover:var(--l3-background-60);--tabs-primary-indicator:var(--primary-background);--tabs-primary-radius:var(--radius-2);--tabs-secondary-background:var(--l3-background-30);--tabs-secondary-background-hover:var(--l2-background);--tabs-secondary-label:var(--l2-foreground);--tabs-secondary-label-hover:var(--l1-foreground-hover);--tabs-secondary-label-active:var(--l1-foreground);--tabs-secondary-label-disabled:var(--l3-foreground);--tabs-secondary-stripe-disabled:linear-gradient(180deg,var(--l3-background) 0%,rgba(231,232,236,0) 100%);--tabs-label:var(--l1-foreground);--tabs-label-hover:var(--l1-foreground-hover);--tabs-hover-slider-background:color-mix(in srgb,var(--l1-foreground) 10%,transparent);--tabs-focus-ring:var(--ring);--tabs-focus-ring-offset:var(--l1-background);--toggle-group-border:var(--l2-border);--toggle-group-secondary-outlined-background:transparent;--toggle-group-secondary-outlined-background-hover:var(--l3-background-30);--toggle-group-secondary-outlined-background-active:var(--l3-background-60);--toggle-group-secondary-outlined-label:var(--l2-foreground);--toggle-group-secondary-outlined-label-hover:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-active:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-disabled:var(--l3-foreground);--toggle-group-scroll-button-background:var(--l1-background);--toggle-group-scroll-button-background-hover:var(--l1-background-hover);--toggle-group-scroll-button-label:var(--l1-foreground);--toggle-group-scroll-button-label-hover:var(--l1-foreground-hover);--toggle-group-scroll-button-shadow-color:rgba(0,0,0,.16);--toggle-group-focus-ring:var(--ring);--dropdown-background:var(--surface-3);--dropdown-border:var(--l2-border);--dropdown-shadow:var(--shadow-dropdown);--dropdown-item-label:var(--l2-foreground);--dropdown-item-label-hover:var(--l1-foreground-hover);--dropdown-item-label-disabled:var(--l3-foreground);--dropdown-item-background:transparent;--dropdown-item-background-hover:var(--l3-background-60);--dropdown-item-danger-label:var(--danger-background-hover);--dropdown-item-danger-label-hover:var(--danger-background-hover);--dropdown-item-danger-background-hover:var(--callout-error-background);--dropdown-item-icon:var(--l2-foreground);--dropdown-item-icon-hover:var(--l1-foreground-hover);--dropdown-group-label:var(--l3-foreground);--dropdown-separator:var(--l2-border);--dropdown-search-placeholder:var(--l3-foreground);--dropdown-search-icon:var(--l3-foreground);--dropdown-search-border:var(--l2-border);--dropdown-loading-label:var(--l1-foreground);--dropdown-item-focus-ring:var(--primary-background);--dropdown-scroll-fade:var(--dropdown-background);--dropdown-item-control-border:var(--l3-foreground);--dropdown-item-control-border-hover:var(--primary-background-hover);--dropdown-item-control-checked-background:var(--primary-background);--dropdown-item-control-checked-foreground:var(--primary-foreground);--calendar-background:var(--background);--calendar-button-background:transparent;--calendar-button-background-hover:var(--secondary-background-hover);--calendar-button-background-active:color-mix(in srgb,var(--secondary-background-hover) 85%,var(--foreground));--calendar-button-label:var(--secondary-foreground);--calendar-button-label-hover:var(--secondary-foreground-hover);--calendar-button-focus-ring:var(--ring);--calendar-day-selected-background:var(--primary);--calendar-day-selected-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-selected-label:var(--primary-foreground);--calendar-day-range-edge-background:var(--primary);--calendar-day-range-edge-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-range-edge-label:var(--primary-foreground);--calendar-day-range-middle-background:var(--accent);--calendar-day-range-middle-background-hover:color-mix(in srgb,var(--accent) 85%,var(--foreground));--calendar-day-range-middle-label:var(--accent-foreground);--calendar-day-today-background:var(--accent);--calendar-day-today-label:var(--accent-foreground);--calendar-day-outside-label:var(--muted-foreground);--calendar-day-disabled-label:var(--muted-foreground);--calendar-weekday-label:var(--muted-foreground);--calendar-week-number-label:var(--muted-foreground);--calendar-select-background:var(--popover);--calendar-select-border:var(--input);--calendar-select-border-focus:var(--ring);--calendar-select-icon:var(--muted-foreground);--calendar-select-shadow:0 1px 2px 0 color-mix(in srgb,var(--foreground) 5%,transparent);--calendar-select-shadow-focus:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent);--button-group-secondary-outlined-background:var(--secondary-background);--button-group-secondary-outlined-background-hover:var(
1
+ [data-theme=default]{color-scheme:light;--background:var(--bg-vanilla-200);--foreground:var(--text-ink-400);--card:var(--bg-vanilla-100);--card-foreground:var(--text-ink-400);--popover:var(--bg-vanilla-100);--popover-foreground:var(--text-ink-400);--primary:var(--bg-robin-500);--secondary:var(--bg-vanilla-300);--muted:var(--bg-vanilla-300);--muted-foreground:var(--text-slate-50);--accent:var(--bg-aqua-100);--accent-foreground:var(--text-slate-400);--destructive:var(--bg-cherry-500);--destructive-foreground:var(--text-vanilla-100);--border:var(--bg-vanilla-400);--input:var(--bg-vanilla-400);--ring:var(--bg-robin-500);--radius:0.25rem;--chart-1:var(--bg-robin-500);--chart-2:var(--bg-robin-600);--chart-3:var(--bg-slate-300);--chart-4:var(--bg-slate-400);--chart-5:var(--bg-slate-500);--sidebar:var(--bg-vanilla-300);--sidebar-foreground:var(--text-ink-400);--sidebar-primary:var(--bg-robin-500);--sidebar-primary-foreground:var(--text-vanilla-100);--sidebar-accent:var(--bg-aqua-100);--sidebar-accent-foreground:var(--text-slate-400);--sidebar-border:var(--bg-slate-400);--sidebar-ring:var(--bg-robin-500);--font-sans:"Inter";--font-serif:"Open Sans";--font-mono:"Geist Mono";--base-white:var(--text-base-white);--base-black:var(--text-base-black);--l1-background:var(--bg-neutral-light-1000);--l2-background:var(--bg-neutral-light-950);--l3-background:var(--bg-neutral-light-800);--l1-background-hover:var(--bg-neutral-light-900);--l2-background-hover:var(--bg-neutral-light-700);--l3-background-hover:var(--bg-neutral-light-700);--l1-foreground:var(--text-neutral-light-50);--l1-foreground-hover:var(--text-base-black);--l2-foreground:var(--text-neutral-light-100);--l2-foreground-hover:var(--text-neutral-light-50);--l3-foreground:var(--text-neutral-light-200);--l3-foreground-hover:var(--text-neutral-light-300);--l1-border:var(--bg-neutral-light-900);--l2-border:var(--bg-neutral-light-800);--l3-border:var(--bg-neutral-light-700);--primary-background:var(--bg-robin-500);--primary-background-hover:var(--bg-robin-600);--primary-foreground:var(--text-neutral-light-1000);--primary-foreground-hover:var(--text-base-white);--secondary-background:var(--l3-background-60);--secondary-background-hover:var(--l3-background-hover);--secondary-foreground:var(--l2-foreground);--secondary-foreground-hover:var(--l1-foreground-hover);--secondary-border:var(--l3-border);--success-background:var(--bg-forest-600);--success-background-hover:var(--bg-forest-400);--success-foreground:var(--text-neutral-light-950);--success-foreground-hover:var(--text-neutral-light-1000);--warning-background:var(--bg-amber-500);--warning-background-hover:var(--bg-amber-600);--warning-foreground:var(--text-neutral-light-50);--warning-foreground-hover:var(--text-base-black);--danger-background:var(--bg-cherry-500);--danger-background-hover:var(--bg-cherry-600);--danger-foreground:var(--text-neutral-light-1000);--danger-foreground-hover:var(--text-base-white);--primary-link:var(--bg-robin-600);--primary-link-hover:var(--bg-robin-700);--secondary-link:var(--l2-foreground);--secondary-link-hover:var(--l1-foreground-hover);--success-link:var(--bg-forest-600);--success-link-hover:var(--bg-forest-700);--warning-link:var(--bg-amber-800);--warning-link-hover:var(--bg-amber-900);--danger-link:var(--bg-cherry-600);--danger-link-hover:var(--bg-cherry-700);--l1-background-transparent:color-mix(in srgb,var(--bg-neutral-light-1000),transparent 100%);--l1-background-60:color-mix(in srgb,var(--bg-neutral-light-1000),transparent 20%);--l2-background-transparent:color-mix(in srgb,var(--bg-neutral-light-950),transparent 100%);--l2-background-60:color-mix(in srgb,var(--bg-neutral-light-950),transparent 20%);--l3-background-transparent:color-mix(in srgb,var(--bg-neutral-light-800),transparent 100%);--l3-background-60:color-mix(in srgb,var(--bg-neutral-light-800),transparent 20%);--l3-background-30:color-mix(in srgb,var(--bg-neutral-light-800),transparent 70%);--surface-1:var(--l1-background);--surface-2:var(--l1-background);--surface-3:var(--l1-background);--surface-static:var(--bg-neutral-dark-800);--alert-strip-button-background:color-mix(in srgb,var(--bg-ink-400),transparent 40%);--callout-primary-background:color-mix(in srgb,var(--bg-robin-500),transparent 90%);--callout-primary-border:color-mix(in srgb,var(--bg-robin-500),transparent 80%);--callout-primary-title:var(--bg-robin-600);--callout-primary-description:var(--bg-robin-600);--callout-primary-icon:var(--bg-robin-600);--callout-success-background:color-mix(in srgb,var(--bg-forest-600),transparent 90%);--callout-success-border:color-mix(in srgb,var(--bg-forest-600),transparent 80%);--callout-success-title:var(--bg-forest-600);--callout-success-description:var(--bg-forest-600);--callout-success-icon:var(--bg-forest-700);--callout-warning-background:color-mix(in srgb,var(--bg-amber-600),transparent 90%);--callout-warning-border:color-mix(in srgb,var(--bg-amber-600),transparent 80%);--callout-warning-title:var(--bg-amber-700);--callout-warning-description:var(--bg-amber-700);--callout-warning-icon:var(--bg-amber-800);--callout-error-background:color-mix(in srgb,var(--bg-cherry-500),transparent 90%);--callout-error-border:color-mix(in srgb,var(--bg-cherry-500),transparent 80%);--callout-error-title:var(--bg-cherry-600);--callout-error-description:var(--bg-cherry-600);--callout-error-icon:var(--bg-cherry-700);--accent-primary:var(--bg-robin-500);--accent-primary-hover:var(--bg-robin-400);--accent-primary-foreground:var(--text-vanilla-100);--accent-forest:var(--bg-forest-500);--accent-forest-hover:var(--bg-forest-400);--accent-forest-foreground:var(--text-vanilla-100);--accent-amber:var(--bg-amber-500);--accent-amber-hover:var(--bg-amber-400);--accent-amber-foreground:var(--text-vanilla-100);--accent-cherry:var(--bg-cherry-500);--accent-cherry-hover:var(--bg-cherry-400);--accent-cherry-foreground:var(--text-vanilla-100);--accent-aqua:var(--bg-aqua-500);--accent-aqua-hover:var(--bg-aqua-400);--accent-aqua-foreground:var(--text-vanilla-100);--accent-sakura:var(--bg-sakura-500);--accent-sakura-hover:var(--bg-sakura-400);--accent-sakura-foreground:var(--text-vanilla-100);--accent-sienna:var(--bg-sienna-500);--accent-sienna-hover:var(--bg-sienna-400);--accent-sienna-foreground:var(--text-vanilla-100);--ghost-background:transparent;--ghost-background-hover:var(--bg-vanilla-300);--ghost-foreground:var(--bg-slate-50);--ghost-foreground-hover:var(--bg-slate-300);--ghost-border:var(--bg-vanilla-300);--action-background:transparent;--action-background-hover:var(--bg-vanilla-300);--action-border:var(--bg-vanilla-300);--action-border-hover:var(--bg-vanilla-400);--action-foreground:var(--bg-slate-50);--action-foreground-hover:var(--bg-slate-300);--callout-sienna-background:color-mix(in srgb,var(--bg-sienna-500) 10%,transparent);--callout-sienna-border:color-mix(in srgb,var(--bg-sienna-500) 20%,transparent);--callout-sienna-title:var(--bg-sienna-600);--callout-sienna-description:var(--bg-sienna-600);--callout-sienna-icon:var(--bg-sienna-600);--callout-aqua-background:color-mix(in srgb,var(--bg-aqua-500) 10%,transparent);--callout-aqua-border:color-mix(in srgb,var(--bg-aqua-500) 20%,transparent);--callout-aqua-title:var(--bg-aqua-700);--callout-aqua-description:var(--bg-aqua-700);--callout-aqua-icon:var(--bg-aqua-600);--control-icon-foreground:var(--text-base-white);--control-icon-foreground-contrast:var(--text-base-black);--shadow-sidebar:33px 365px 103px 0 transparent,21px 234px 94px 0 rgba(0,0,0,.01),12px 132px 79px 0 rgba(0,0,0,.05),5px 58px 59px 0 rgba(0,0,0,.03),1px 15px 32px 0 rgba(0,0,0,.04);--shadow-dropdown:0 105px 29px 0 transparent,0 67px 27px 0 rgba(0,0,0,.01),0 38px 23px 0 rgba(0,0,0,.02),0 17px 17px 0 rgba(0,0,0,.04),0 4px 9px 0 rgba(0,0,0,.05);--shadow-drawer:-59px 771px 216px 0 transparent,-37px 493px 198px 0 rgba(0,0,0,.01),-21px 278px 167px 0 rgba(0,0,0,.05),-9px 123px 124px 0 rgba(0,0,0,.09),-2px 31px 68px 0 rgba(0,0,0,.1);--shadow-dialog:0 343px 96px 0 transparent,0 220px 88px 0 rgba(0,0,0,.01),0 123px 74px 0 rgba(0,0,0,.03),0 55px 55px 0 rgba(0,0,0,.04),0 14px 30px 0 rgba(0,0,0,.04);--shadow-toast:138px 129px 53px 0 transparent,89px 82px 48px 0 rgba(0,0,0,.01),50px 46px 41px 0 rgba(0,0,0,.05),22px 21px 30px 0 rgba(0,0,0,.09),6px 5px 17px 0 rgba(0,0,0,.1);--shadow-tooltip:0 14px 4px 0 transparent,0 9px 4px 0 rgba(0,0,0,.01),0 5px 3px 0 rgba(0,0,0,.03),0 2px 2px 0 rgba(0,0,0,.05),0 1px 1px 0 rgba(0,0,0,.08);--pill-primary-background:var(--bg-robin-500);--pill-primary-border:var(--bg-robin-500);--pill-primary-label:var(--bg-robin-600);--pill-primary-label-hover:var(--bg-robin-600);--pill-success-background:var(--bg-forest-600);--pill-success-border:var(--bg-forest-600);--pill-success-label:var(--bg-forest-700);--pill-success-label-hover:var(--bg-forest-700);--pill-warning-background:var(--bg-amber-500);--pill-warning-border:var(--bg-amber-500);--pill-warning-label:var(--bg-amber-700);--pill-warning-label-hover:var(--bg-amber-700);--pill-danger-background:var(--bg-cherry-500);--pill-danger-border:var(--bg-cherry-500);--pill-danger-label:var(--bg-cherry-600);--pill-danger-label-hover:var(--bg-cherry-600);--pill-outlined-background:var(--l1-background-transparent);--pill-outlined-background-hover:var(--surface-3);--pill-outlined-border:var(--l3-border);--pill-outlined-label:var(--secondary-foreground);--pill-outlined-label-hover:var(--secondary-foreground-hover);--pill-rect-solid-background:var(--secondary-border);--pill-rect-solid-background-hover:var(--bg-neutral-light-600);--pill-rect-solid-label:var(--l1-foreground);--pill-rect-solid-label-hover:var(--l1-foreground-hover);--pill-rect-solid-dismiss-icon:var(--l2-foreground);--pill-rect-solid-dismiss-icon-hover:var(--l1-foreground);--pill-info-background:var(--bg-aqua-500);--pill-info-border:var(--bg-aqua-500);--pill-info-label:var(--bg-aqua-700);--pill-info-label-hover:var(--bg-aqua-700);--pill-archive-background:var(--bg-sienna-500);--pill-archive-border:var(--bg-sienna-500);--pill-archive-label:var(--bg-sienna-700);--pill-archive-label-hover:var(--bg-sienna-700);--pill-highlight-danger-background:var(--bg-sakura-500);--pill-highlight-danger-border:var(--bg-sakura-500);--pill-highlight-danger-label:var(--bg-sakura-700);--pill-highlight-danger-label-hover:var(--bg-sakura-700);--pill-invalid-border:var(--destructive);--pill-invalid-label:var(--destructive);--pill-invalid-background:var(--destructive);--pill-invalid-dismiss-icon:var(--destructive);--pill-invalid-dismiss-icon-hover:var(--destructive);--pill-focus-ring:var(--ring);--badge-primary-outlined-background:var(--bg-robin-500);--badge-primary-outlined-border:var(--bg-robin-500);--badge-primary-outlined-label:var(--bg-robin-600);--badge-primary-outlined-icon:var(--bg-robin-600);--badge-success-outlined-background:var(--bg-forest-600);--badge-success-outlined-border:var(--bg-forest-600);--badge-success-outlined-label:var(--bg-forest-700);--badge-success-outlined-icon:var(--bg-forest-700);--badge-warning-outlined-background:var(--bg-amber-500);--badge-warning-outlined-border:var(--bg-amber-500);--badge-warning-outlined-label:var(--bg-amber-700);--badge-warning-outlined-icon:var(--bg-amber-700);--badge-danger-outlined-background:var(--bg-cherry-500);--badge-danger-outlined-border:var(--bg-cherry-500);--badge-danger-outlined-label:var(--bg-cherry-600);--badge-danger-outlined-icon:var(--bg-cherry-600);--badge-secondary-outlined-background:var(--l1-background-transparent);--badge-secondary-outlined-border:var(--l3-border);--badge-secondary-outlined-label:var(--secondary-foreground);--badge-secondary-outlined-icon:var(--secondary-foreground);--badge-primary-background:var(--primary-background);--badge-primary-foreground:var(--primary-foreground);--badge-secondary-background:var(--surface-3);--badge-secondary-foreground:var(--secondary-foreground);--badge-success-background:var(--success-background);--badge-success-foreground:var(--success-foreground);--badge-warning-background:var(--warning-background);--badge-warning-foreground:var(--warning-foreground);--badge-danger-background:var(--danger-background);--badge-danger-foreground:var(--danger-foreground);--badge-info-background:var(--bg-aqua-500);--badge-info-foreground:var(--text-neutral-light-950);--badge-archive-background:var(--bg-sienna-500);--badge-archive-foreground:var(--text-neutral-light-950);--badge-highlight-danger-background:var(--bg-sakura-500);--badge-highlight-danger-foreground:var(--text-neutral-light-950);--badge-secondary-border:var(--secondary-border);--badge-info-outlined-background:var(--bg-aqua-500);--badge-info-outlined-border:var(--bg-aqua-500);--badge-info-outlined-label:var(--bg-aqua-700);--badge-archive-outlined-background:var(--bg-sienna-500);--badge-archive-outlined-border:var(--bg-sienna-500);--badge-archive-outlined-label:var(--bg-sienna-700);--badge-highlight-danger-outlined-background:var(--bg-sakura-500);--badge-highlight-danger-outlined-border:var(--bg-sakura-500);--badge-highlight-danger-outlined-label:var(--bg-sakura-700);--radio-group-border:var(--l3-foreground);--radio-group-label:var(--l2-foreground);--radio-group-label-hover:var(--l1-foreground-hover);--radio-group-primary-background:var(--primary-background);--radio-group-primary-border-hover:var(--primary-background-hover);--radio-group-primary-dot:var(--primary-foreground);--radio-group-secondary-background:var(--l2-foreground);--radio-group-secondary-border-hover:var(--l1-foreground-hover);--radio-group-secondary-dot:var(--l1-foreground);--radio-group-success-background:var(--success-background);--radio-group-success-border-hover:var(--success-background-hover);--radio-group-success-dot:var(--success-foreground);--radio-group-warning-background:var(--warning-background);--radio-group-warning-border-hover:var(--warning-background-hover);--radio-group-warning-dot:var(--warning-foreground);--radio-group-danger-background:var(--danger-background);--radio-group-danger-border-hover:var(--danger-background-hover);--radio-group-danger-dot:var(--danger-foreground);--radio-group-info-background:var(--bg-aqua-500);--radio-group-info-border-hover:var(--bg-aqua-400);--radio-group-info-dot:var(--text-neutral-light-950);--radio-group-archive-background:var(--bg-sienna-500);--radio-group-archive-border-hover:var(--bg-sienna-400);--radio-group-archive-dot:var(--text-neutral-light-950);--radio-group-highlight-danger-background:var(--bg-sakura-500);--radio-group-highlight-danger-border-hover:var(--bg-sakura-400);--radio-group-highlight-danger-dot:var(--text-neutral-light-950);--radio-group-focus-ring:var(--ring);--switch-track-background:var(--l3-border);--switch-track-hover-background:var(--l3-background-hover);--switch-primary-background:var(--primary-background);--switch-primary-hover-background:var(--primary-background-hover);--switch-secondary-background:var(--l2-foreground);--switch-secondary-hover-background:var(--l1-foreground-hover);--switch-success-background:var(--success-background);--switch-success-hover-background:var(--success-background-hover);--switch-warning-background:var(--warning-background);--switch-warning-hover-background:var(--warning-background-hover);--switch-danger-background:var(--danger-background);--switch-danger-hover-background:var(--danger-background-hover);--switch-info-background:var(--bg-aqua-500);--switch-info-hover-background:var(--bg-aqua-400);--switch-archive-background:var(--bg-sienna-500);--switch-archive-hover-background:var(--bg-sienna-400);--switch-highlight-danger-background:var(--bg-sakura-500);--switch-highlight-danger-hover-background:var(--bg-sakura-400);--switch-thumb-background:var(--primary-foreground);--switch-label:var(--l1-foreground);--switch-description:var(--l2-foreground);--switch-focus-ring:var(--ring);--tabs-border:var(--l2-border);--tabs-primary-label:var(--l1-foreground);--tabs-primary-label-hover:var(--l1-foreground-hover);--tabs-primary-background-hover:var(--l3-background-60);--tabs-primary-indicator:var(--primary-background);--tabs-primary-radius:var(--radius-2);--tabs-secondary-background:var(--l3-background-30);--tabs-secondary-background-hover:var(--l2-background);--tabs-secondary-label:var(--l2-foreground);--tabs-secondary-label-hover:var(--l1-foreground-hover);--tabs-secondary-label-active:var(--l1-foreground);--tabs-secondary-label-disabled:var(--l3-foreground);--tabs-secondary-stripe-disabled:linear-gradient(180deg,var(--l3-background) 0%,rgba(231,232,236,0) 100%);--tabs-label:var(--l1-foreground);--tabs-label-hover:var(--l1-foreground-hover);--tabs-hover-slider-background:color-mix(in srgb,var(--l1-foreground) 10%,transparent);--tabs-focus-ring:var(--ring);--tabs-focus-ring-offset:var(--l1-background);--toggle-group-border:var(--l2-border);--toggle-group-secondary-outlined-background:transparent;--toggle-group-secondary-outlined-background-hover:var(--l3-background-30);--toggle-group-secondary-outlined-background-active:var(--l3-background-60);--toggle-group-secondary-outlined-label:var(--l2-foreground);--toggle-group-secondary-outlined-label-hover:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-active:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-disabled:var(--l3-foreground);--toggle-group-scroll-button-background:var(--l1-background);--toggle-group-scroll-button-background-hover:var(--l1-background-hover);--toggle-group-scroll-button-label:var(--l1-foreground);--toggle-group-scroll-button-label-hover:var(--l1-foreground-hover);--toggle-group-scroll-button-shadow-color:rgba(0,0,0,.16);--toggle-group-focus-ring:var(--ring);--dropdown-background:var(--surface-3);--dropdown-border:var(--l2-border);--dropdown-shadow:var(--shadow-dropdown);--dropdown-item-label:var(--l2-foreground);--dropdown-item-label-hover:var(--l1-foreground-hover);--dropdown-item-label-disabled:var(--l3-foreground);--dropdown-item-background:transparent;--dropdown-item-background-hover:var(--l3-background-60);--dropdown-item-danger-label:var(--danger-background-hover);--dropdown-item-danger-label-hover:var(--danger-background-hover);--dropdown-item-danger-background-hover:var(--callout-error-background);--dropdown-item-icon:var(--l2-foreground);--dropdown-item-icon-hover:var(--l1-foreground-hover);--dropdown-group-label:var(--l3-foreground);--dropdown-separator:var(--l2-border);--dropdown-search-placeholder:var(--l3-foreground);--dropdown-search-icon:var(--l3-foreground);--dropdown-search-border:var(--l2-border);--dropdown-loading-label:var(--l1-foreground);--dropdown-item-focus-ring:var(--primary-background);--dropdown-scroll-fade:var(--dropdown-background);--dropdown-item-control-border:var(--l3-foreground);--dropdown-item-control-border-hover:var(--primary-background-hover);--dropdown-item-control-checked-background:var(--primary-background);--dropdown-item-control-checked-foreground:var(--primary-foreground);--calendar-background:var(--background);--calendar-button-background:transparent;--calendar-button-background-hover:var(--secondary-background-hover);--calendar-button-background-active:color-mix(in srgb,var(--secondary-background-hover) 85%,var(--foreground));--calendar-button-label:var(--secondary-foreground);--calendar-button-label-hover:var(--secondary-foreground-hover);--calendar-button-focus-ring:var(--ring);--calendar-day-selected-background:var(--primary);--calendar-day-selected-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-selected-label:var(--primary-foreground);--calendar-day-range-edge-background:var(--primary);--calendar-day-range-edge-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-range-edge-label:var(--primary-foreground);--calendar-day-range-middle-background:var(--accent);--calendar-day-range-middle-background-hover:color-mix(in srgb,var(--accent) 85%,var(--foreground));--calendar-day-range-middle-label:var(--accent-foreground);--calendar-day-today-background:var(--accent);--calendar-day-today-label:var(--accent-foreground);--calendar-day-outside-label:var(--muted-foreground);--calendar-day-disabled-label:var(--muted-foreground);--calendar-weekday-label:var(--muted-foreground);--calendar-week-number-label:var(--muted-foreground);--calendar-select-background:var(--popover);--calendar-select-border:var(--input);--calendar-select-border-focus:var(--ring);--calendar-select-icon:var(--muted-foreground);--calendar-select-shadow:0 1px 2px 0 color-mix(in srgb,var(--foreground) 5%,transparent);--calendar-select-shadow-focus:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent);--button-group-secondary-outlined-background:var(--secondary-background);--button-group-secondary-outlined-background-hover:var(
2
2
  --secondary-background-hover
3
3
  );--button-group-secondary-outlined-label:var(--secondary-foreground);--button-group-secondary-outlined-label-hover:var(
4
4
  --secondary-foreground-hover
5
- );--button-group-secondary-outlined-border:var(--secondary-border);--button-group-secondary-outlined-disabled-stripe:var(--secondary-border);--button-group-focus-ring:var(--ring);--checkbox-border:var(--l3-foreground);--checkbox-label:var(--l1-foreground);--checkbox-primary-background:var(--primary-background);--checkbox-primary-foreground:var(--primary-foreground);--checkbox-primary-border-hover:var(--primary-background-hover);--checkbox-secondary-background:var(--l2-foreground);--checkbox-secondary-foreground:var(--l1-background);--checkbox-secondary-border-hover:var(--l1-foreground-hover);--checkbox-success-background:var(--success-background);--checkbox-success-foreground:var(--success-foreground);--checkbox-success-border-hover:var(--success-background-hover);--checkbox-warning-background:var(--warning-background);--checkbox-warning-foreground:var(--warning-foreground);--checkbox-warning-border-hover:var(--warning-background-hover);--checkbox-danger-background:var(--danger-background);--checkbox-danger-foreground:var(--danger-foreground);--checkbox-danger-border-hover:var(--danger-background-hover);--checkbox-info-background:var(--bg-aqua-500);--checkbox-info-foreground:var(--text-ink-500);--checkbox-info-border-hover:var(--bg-aqua-400);--checkbox-archive-background:var(--bg-sienna-500);--checkbox-archive-foreground:var(--text-ink-500);--checkbox-archive-border-hover:var(--bg-sienna-400);--checkbox-highlight-danger-background:var(--bg-sakura-500);--checkbox-highlight-danger-foreground:var(--text-ink-500);--checkbox-highlight-danger-border-hover:var(--bg-sakura-400);--checkbox-focus-ring:var(--ring);--button-primary-background:var(--primary-background);--button-primary-background-hover:var(--primary-background-hover);--button-primary-label:var(--primary-foreground);--button-primary-link:var(--primary-link);--button-primary-link-hover:var(--primary-link-hover);--button-secondary-background:var(--secondary-background);--button-secondary-background-hover:var(--secondary-background-hover);--button-secondary-label:var(--secondary-foreground);--button-secondary-link:var(--secondary-link);--button-secondary-link-hover:var(--secondary-link-hover);--button-success-background:var(--success-background);--button-success-background-hover:var(--success-background-hover);--button-success-label:var(--success-foreground);--button-success-link:var(--success-link);--button-success-link-hover:var(--success-link-hover);--button-warning-background:var(--warning-background);--button-warning-background-hover:var(--warning-background-hover);--button-warning-label:var(--warning-foreground);--button-warning-link:var(--warning-link);--button-warning-link-hover:var(--warning-link-hover);--button-danger-background:var(--danger-background);--button-danger-background-hover:var(--danger-background-hover);--button-danger-label:var(--danger-foreground);--button-danger-link:var(--danger-link);--button-danger-link-hover:var(--danger-link-hover);--button-info-background:var(--bg-aqua-500);--button-info-background-hover:var(--bg-aqua-400);--button-info-label:var(--text-ink-500);--button-info-link:var(--bg-aqua-400);--button-info-link-hover:var(--bg-aqua-500);--button-archive-background:var(--bg-sienna-500);--button-archive-background-hover:var(--bg-sienna-400);--button-archive-label:var(--text-ink-500);--button-archive-link:var(--bg-sienna-400);--button-archive-link-hover:var(--bg-sienna-500);--button-highlight-danger-background:var(--bg-sakura-500);--button-highlight-danger-background-hover:var(--bg-sakura-400);--button-highlight-danger-label:var(--text-ink-500);--button-highlight-danger-link:var(--bg-sakura-400);--button-highlight-danger-link-hover:var(--bg-sakura-500);--button-secondary-outlined-background:var(--secondary-background);--button-secondary-outlined-background-hover:var(
5
+ );--button-group-secondary-outlined-border:var(--secondary-border);--button-group-secondary-outlined-disabled-stripe:var(--secondary-border);--button-group-focus-ring:var(--ring);--checkbox-border:var(--l3-foreground);--checkbox-label:var(--l1-foreground);--checkbox-primary-background:var(--primary-background);--checkbox-primary-foreground:var(--primary-foreground);--checkbox-primary-border-hover:var(--primary-background-hover);--checkbox-secondary-background:var(--l2-foreground);--checkbox-secondary-foreground:var(--l1-background);--checkbox-secondary-border-hover:var(--l1-foreground-hover);--checkbox-success-background:var(--success-background);--checkbox-success-foreground:var(--success-foreground);--checkbox-success-border-hover:var(--success-background-hover);--checkbox-warning-background:var(--warning-background);--checkbox-warning-foreground:var(--warning-foreground);--checkbox-warning-border-hover:var(--warning-background-hover);--checkbox-danger-background:var(--danger-background);--checkbox-danger-foreground:var(--danger-foreground);--checkbox-danger-border-hover:var(--danger-background-hover);--checkbox-info-background:var(--bg-aqua-500);--checkbox-info-foreground:var(--text-neutral-light-950);--checkbox-info-border-hover:var(--bg-aqua-400);--checkbox-archive-background:var(--bg-sienna-500);--checkbox-archive-foreground:var(--text-neutral-light-950);--checkbox-archive-border-hover:var(--bg-sienna-400);--checkbox-highlight-danger-background:var(--bg-sakura-500);--checkbox-highlight-danger-foreground:var(--text-neutral-light-950);--checkbox-highlight-danger-border-hover:var(--bg-sakura-400);--checkbox-focus-ring:var(--ring);--button-primary-background:var(--primary-background);--button-primary-background-hover:var(--primary-background-hover);--button-primary-label:var(--primary-foreground);--button-primary-link:var(--primary-link);--button-primary-link-hover:var(--primary-link-hover);--button-secondary-background:var(--secondary-background);--button-secondary-background-hover:var(--secondary-background-hover);--button-secondary-label:var(--secondary-foreground);--button-secondary-link:var(--secondary-link);--button-secondary-link-hover:var(--secondary-link-hover);--button-success-background:var(--success-background);--button-success-background-hover:var(--success-background-hover);--button-success-label:var(--success-foreground);--button-success-link:var(--success-link);--button-success-link-hover:var(--success-link-hover);--button-warning-background:var(--warning-background);--button-warning-background-hover:var(--warning-background-hover);--button-warning-label:var(--warning-foreground);--button-warning-link:var(--warning-link);--button-warning-link-hover:var(--warning-link-hover);--button-danger-background:var(--danger-background);--button-danger-background-hover:var(--danger-background-hover);--button-danger-label:var(--danger-foreground);--button-danger-link:var(--danger-link);--button-danger-link-hover:var(--danger-link-hover);--button-info-background:var(--bg-aqua-500);--button-info-background-hover:var(--bg-aqua-400);--button-info-label:var(--text-ink-500);--button-info-link:var(--bg-aqua-400);--button-info-link-hover:var(--bg-aqua-500);--button-archive-background:var(--bg-sienna-500);--button-archive-background-hover:var(--bg-sienna-400);--button-archive-label:var(--text-ink-500);--button-archive-link:var(--bg-sienna-400);--button-archive-link-hover:var(--bg-sienna-500);--button-highlight-danger-background:var(--bg-sakura-500);--button-highlight-danger-background-hover:var(--bg-sakura-400);--button-highlight-danger-label:var(--text-ink-500);--button-highlight-danger-link:var(--bg-sakura-400);--button-highlight-danger-link-hover:var(--bg-sakura-500);--button-secondary-outlined-background:var(--secondary-background);--button-secondary-outlined-background-hover:var(
6
6
  --secondary-background-hover
7
- );--button-secondary-outlined-label:var(--secondary-foreground);--button-secondary-outlined-label-hover:var(--secondary-foreground-hover);--button-secondary-outlined-border:var(--secondary-border);--button-secondary-outlined-disabled-stripe:var(--secondary-border);--button-secondary-dashed-label:var(--secondary-foreground);--button-secondary-dashed-label-hover:var(--secondary-foreground-hover);--button-secondary-dashed-stroke:var(--secondary-border);--button-secondary-dashed-stroke-hover:var(--secondary-background-hover);--button-secondary-ghost-label:var(--secondary-foreground);--button-secondary-ghost-label-hover:var(--secondary-foreground-hover);--button-secondary-ghost-background-hover:var(--secondary-background-hover);--button-ghost-glow-opacity:12%;--button-focus-ring:var(--ring);--tooltip-background:var(--surface-1);--tooltip-label:var(--l1-foreground);--tooltip-border:var(--l3-border);--tooltip-divider:var(--l2-border);--tooltip-shadow:var(--shadow-tooltip);--breadcrumb-label:var(--l1-foreground);--breadcrumb-label-hover:var(--l1-foreground-hover);--breadcrumb-background-hover:var(--l1-background-hover);--breadcrumb-focus-ring:var(--ring)}[data-theme=default].dark{color-scheme:dark;--background:var(--bg-ink-500);--foreground:var(--text-vanilla-400);--card:var(--bg-ink-400);--card-foreground:var(--text-vanilla-100);--popover:var(--bg-ink-400);--popover-foreground:var(--text-vanilla-100);--primary:var(--bg-robin-500);--secondary:var(--bg-slate-500);--muted:var(--bg-slate-500);--muted-foreground:var(--text-vanilla-400);--accent:var(--bg-slate-300);--accent-foreground:var(--text-vanilla-100);--destructive:var(--bg-cherry-500);--destructive-foreground:var(--text-ink-500);--border:var(--bg-slate-400);--input:var(--bg-slate-300);--ring:var(--bg-robin-500);--radius:0.25rem;--chart-1:var(--bg-robin-400);--chart-2:var(--bg-robin-500);--chart-3:var(--bg-robin-600);--chart-4:var(--bg-slate-200);--chart-5:var(--bg-slate-300);--sidebar:var(--bg-slate-500);--sidebar-foreground:var(--text-vanilla-400);--sidebar-primary:var(--bg-robin-500);--sidebar-primary-foreground:var(--text-ink-500);--sidebar-accent:var(--bg-slate-400);--sidebar-accent-foreground:var(--text-vanilla-400);--sidebar-border:var(--bg-slate-500);--sidebar-ring:var(--bg-robin-500);--font-sans:"Inter";--font-serif:"Open Sans";--font-mono:"Geist Mono";--base-white:var(--text-base-white);--base-black:var(--text-base-black);--l1-background:var(--bg-neutral-dark-1000);--l2-background:var(--bg-neutral-dark-950);--l3-background:var(--bg-neutral-dark-800);--l1-background-hover:var(--bg-neutral-dark-900);--l2-background-hover:var(--bg-neutral-dark-700);--l3-background-hover:var(--bg-neutral-dark-700);--l1-foreground:var(--text-neutral-dark-50);--l1-foreground-hover:var(--text-base-white);--l2-foreground:var(--text-neutral-dark-100);--l2-foreground-hover:var(--text-neutral-dark-50);--l3-foreground:var(--text-neutral-dark-200);--l3-foreground-hover:var(--text-neutral-dark-300);--l1-border:var(--bg-neutral-dark-900);--l2-border:var(--bg-neutral-dark-800);--l3-border:var(--bg-neutral-dark-700);--primary-background:var(--bg-robin-500);--primary-background-hover:var(--bg-robin-600);--primary-foreground:var(--text-neutral-dark-50);--primary-foreground-hover:var(--text-base-white);--secondary-background:var(--l3-background-60);--secondary-background-hover:var(--l3-background-hover);--secondary-foreground:var(--l2-foreground);--secondary-foreground-hover:var(--l1-foreground-hover);--secondary-border:var(--l3-border);--success-background:var(--bg-forest-500);--success-background-hover:var(--bg-forest-400);--success-foreground:var(--text-neutral-dark-1000);--success-foreground-hover:var(--text-base-black);--warning-background:var(--bg-amber-500);--warning-background-hover:var(--bg-amber-600);--warning-foreground:var(--text-neutral-dark-1000);--warning-foreground-hover:var(--text-base-black);--danger-background:var(--bg-cherry-500);--danger-background-hover:var(--bg-cherry-600);--danger-foreground:var(--text-neutral-dark-50);--danger-foreground-hover:var(--text-base-white);--primary-link:var(--bg-robin-400);--primary-link-hover:var(--bg-robin-200);--secondary-link:var(--l2-foreground);--secondary-link-hover:var(--l1-foreground-hover);--success-link:var(--bg-forest-400);--success-link-hover:var(--bg-forest-500);--warning-link:var(--bg-amber-400);--warning-link-hover:var(--bg-amber-500);--danger-link:var(--bg-cherry-400);--danger-link-hover:var(--bg-cherry-500);--l1-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-1000),transparent 100%);--l1-background-60:color-mix(in srgb,var(--bg-neutral-dark-1000),transparent 40%);--l2-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-950),transparent 100%);--l2-background-60:color-mix(in srgb,var(--bg-neutral-dark-950),transparent 40%);--l3-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 100%);--l3-background-60:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 40%);--l3-background-30:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 70%);--surface-1:var(--l1-background);--surface-2:var(--l2-background);--surface-3:var(--l3-background-60);--surface-static:var(--l3-background-60);--callout-primary-background:color-mix(in srgb,var(--bg-robin-500),transparent 90%);--callout-primary-border:color-mix(in srgb,var(--bg-robin-500),transparent 80%);--callout-primary-title:var(--bg-robin-100);--callout-primary-description:var(--bg-robin-300);--callout-primary-icon:var(--bg-robin-300);--callout-success-background:color-mix(in srgb,var(--bg-forest-500),transparent 90%);--callout-success-border:color-mix(in srgb,var(--bg-forest-500),transparent 80%);--callout-success-title:var(--bg-forest-100);--callout-success-description:var(--bg-forest-300);--callout-success-icon:var(--bg-forest-200);--callout-warning-background:color-mix(in srgb,var(--bg-amber-500),transparent 90%);--callout-warning-border:color-mix(in srgb,var(--bg-amber-500),transparent 80%);--callout-warning-title:var(--bg-amber-100);--callout-warning-description:var(--bg-amber-300);--callout-warning-icon:var(--bg-amber-200);--callout-error-background:color-mix(in srgb,var(--bg-cherry-500),transparent 90%);--callout-error-border:color-mix(in srgb,var(--bg-cherry-500),transparent 80%);--callout-error-title:var(--bg-cherry-100);--callout-error-description:var(--bg-cherry-300);--callout-error-icon:var(--bg-cherry-200);--accent-primary:var(--bg-robin-500);--accent-primary-hover:var(--bg-robin-400);--accent-primary-foreground:var(--text-ink-500);--accent-forest:var(--bg-forest-500);--accent-forest-hover:var(--bg-forest-400);--accent-forest-foreground:var(--text-ink-500);--accent-amber:var(--bg-amber-500);--accent-amber-hover:var(--bg-amber-400);--accent-amber-foreground:var(--text-ink-500);--accent-cherry:var(--bg-cherry-500);--accent-cherry-hover:var(--bg-cherry-400);--accent-cherry-foreground:var(--text-ink-500);--accent-aqua:var(--bg-aqua-500);--accent-aqua-hover:var(--bg-aqua-400);--accent-aqua-foreground:var(--text-ink-500);--accent-sakura:var(--bg-sakura-500);--accent-sakura-hover:var(--bg-sakura-400);--accent-sakura-foreground:var(--text-ink-500);--accent-sienna:var(--bg-sienna-500);--accent-sienna-hover:var(--bg-sienna-400);--accent-sienna-foreground:var(--text-ink-500);--ghost-background:transparent;--ghost-background-hover:var(--bg-slate-400);--ghost-foreground:var(--bg-vanilla-400);--ghost-foreground-hover:var(--bg-vanilla-100);--ghost-border:var(--bg-slate-400);--action-background:transparent;--action-background-hover:var(--bg-slate-400);--action-border:var(--bg-slate-400);--action-border-hover:var(--bg-slate-300);--action-foreground:var(--bg-vanilla-400);--action-foreground-hover:var(--bg-vanilla-100);--callout-sienna-background:color-mix(in srgb,var(--bg-sienna-500) 10%,transparent);--callout-sienna-border:color-mix(in srgb,var(--bg-sienna-500) 20%,transparent);--callout-sienna-title:var(--bg-sienna-100);--callout-sienna-description:var(--bg-sienna-300);--callout-sienna-icon:var(--bg-sienna-300);--callout-aqua-background:color-mix(in srgb,var(--bg-aqua-500) 10%,transparent);--callout-aqua-border:color-mix(in srgb,var(--bg-aqua-500) 20%,transparent);--callout-aqua-title:var(--bg-aqua-100);--callout-aqua-description:var(--bg-aqua-300);--callout-aqua-icon:var(--bg-aqua-300);--control-icon-foreground:var(--text-base-white);--control-icon-foreground-contrast:var(--text-base-black);--shadow-sidebar:33px 365px 103px 0 rgba(0,0,0,.1),21px 234px 94px 0 rgba(0,0,0,.1),12px 132px 79px 0 rgba(0,0,0,.3),5px 58px 59px 0 rgba(0,0,0,.2),1px 15px 32px 0 rgba(0,0,0,.1);--shadow-dropdown:0 214px 60px 0 rgba(0,0,0,.05),0 137px 55px 0 rgba(0,0,0,.1),0 77px 46px 0 rgba(0,0,0,.1),0 34px 34px 0 rgba(0,0,0,.2),0 9px 19px 0 rgba(0,0,0,.1);--shadow-drawer:-59px 771px 216px 0 rgba(0,0,0,.2),-37px 493px 198px 0 rgba(0,0,0,.1),-21px 278px 167px 0 rgba(0,0,0,.3),-9px 123px 124px 0 rgba(0,0,0,.1),-2px 31px 68px 0 rgba(0,0,0,.2);--shadow-dialog:0 343px 96px 0 transparent,0 220px 88px 0 rgba(0,0,0,.01),0 123px 74px 0 rgba(0,0,0,.03),0 55px 55px 0 rgba(0,0,0,.04),0 14px 30px 0 rgba(0,0,0,.04);--shadow-toast:144px 114px 51px 0 transparent,92px 73px 47px 0 rgba(0,0,0,.01),52px 41px 40px 0 rgba(0,0,0,.05),23px 18px 29px 0 rgba(0,0,0,.09),6px 5px 16px 0 rgba(0,0,0,.1);--shadow-tooltip:6px 105px 30px 0 rgba(0,0,0,.05),4px 67px 27px 0 rgba(0,0,0,.1),2px 38px 23px 0 rgba(0,0,0,.2),1px 17px 17px 0 rgba(0,0,0,.3),0 4px 9px 0 rgba(0,0,0,.2);--pill-primary-background:var(--bg-robin-500);--pill-primary-border:var(--bg-robin-500);--pill-primary-label:var(--bg-robin-400);--pill-primary-label-hover:var(--bg-robin-400);--pill-success-background:var(--bg-forest-500);--pill-success-border:var(--bg-forest-500);--pill-success-label:var(--bg-forest-400);--pill-success-label-hover:var(--bg-forest-400);--pill-warning-background:var(--bg-amber-500);--pill-warning-border:var(--bg-amber-500);--pill-warning-label:var(--bg-amber-400);--pill-warning-label-hover:var(--bg-amber-400);--pill-danger-background:var(--bg-cherry-500);--pill-danger-border:var(--bg-cherry-500);--pill-danger-label:var(--bg-cherry-400);--pill-danger-label-hover:var(--bg-cherry-400);--pill-outlined-background:var(--l1-background-transparent);--pill-outlined-background-hover:var(--surface-3);--pill-outlined-border:var(--l3-border);--pill-outlined-label:var(--secondary-foreground);--pill-outlined-label-hover:var(--secondary-foreground-hover);--pill-rect-solid-background:var(--secondary-border);--pill-rect-solid-background-hover:var(--bg-neutral-dark-500);--pill-rect-solid-label:var(--l1-foreground);--pill-rect-solid-label-hover:var(--l1-foreground-hover);--pill-rect-solid-dismiss-icon:var(--l2-foreground);--pill-rect-solid-dismiss-icon-hover:var(--l1-foreground);--pill-info-background:var(--bg-aqua-500);--pill-info-border:var(--bg-aqua-500);--pill-info-label:var(--bg-aqua-400);--pill-info-label-hover:var(--bg-aqua-400);--pill-archive-background:var(--bg-sienna-500);--pill-archive-border:var(--bg-sienna-500);--pill-archive-label:var(--bg-sienna-400);--pill-archive-label-hover:var(--bg-sienna-400);--pill-highlight-danger-background:var(--bg-sakura-500);--pill-highlight-danger-border:var(--bg-sakura-500);--pill-highlight-danger-label:var(--bg-sakura-400);--pill-highlight-danger-label-hover:var(--bg-sakura-400);--pill-invalid-border:var(--destructive);--pill-invalid-label:var(--destructive);--pill-focus-ring:var(--ring);--badge-primary-outlined-background:var(--bg-robin-500);--badge-primary-outlined-border:var(--bg-robin-500);--badge-primary-outlined-label:var(--bg-robin-400);--badge-primary-outlined-icon:var(--bg-robin-400);--badge-success-outlined-background:var(--bg-forest-500);--badge-success-outlined-border:var(--bg-forest-500);--badge-success-outlined-label:var(--bg-forest-400);--badge-success-outlined-icon:var(--bg-forest-400);--badge-warning-outlined-background:var(--bg-amber-500);--badge-warning-outlined-border:var(--bg-amber-500);--badge-warning-outlined-label:var(--bg-amber-400);--badge-warning-outlined-icon:var(--bg-amber-400);--badge-danger-outlined-background:var(--bg-cherry-500);--badge-danger-outlined-border:var(--bg-cherry-500);--badge-danger-outlined-label:var(--bg-cherry-400);--badge-danger-outlined-icon:var(--bg-cherry-400);--badge-secondary-outlined-background:var(--l1-background-transparent);--badge-secondary-outlined-border:var(--l3-border);--badge-secondary-outlined-label:var(--secondary-foreground);--badge-secondary-outlined-icon:var(--secondary-foreground);--badge-primary-background:var(--primary-background);--badge-primary-foreground:var(--primary-foreground);--badge-secondary-background:var(--surface-3);--badge-secondary-foreground:var(--secondary-foreground);--badge-success-background:var(--success-background);--badge-success-foreground:var(--success-foreground);--badge-warning-background:var(--warning-background);--badge-warning-foreground:var(--warning-foreground);--badge-danger-background:var(--danger-background);--badge-danger-foreground:var(--danger-foreground);--badge-info-background:var(--bg-aqua-500);--badge-info-foreground:var(--text-ink-500);--badge-archive-background:var(--bg-sienna-500);--badge-archive-foreground:var(--text-ink-500);--badge-highlight-danger-background:var(--bg-sakura-500);--badge-highlight-danger-foreground:var(--text-ink-500);--badge-secondary-border:var(--secondary-border);--badge-info-outlined-background:var(--bg-aqua-500);--badge-info-outlined-border:var(--bg-aqua-500);--badge-info-outlined-label:var(--bg-aqua-400);--badge-archive-outlined-background:var(--bg-sienna-500);--badge-archive-outlined-border:var(--bg-sienna-500);--badge-archive-outlined-label:var(--bg-sienna-400);--badge-highlight-danger-outlined-background:var(--bg-sakura-500);--badge-highlight-danger-outlined-border:var(--bg-sakura-500);--badge-highlight-danger-outlined-label:var(--bg-sakura-400);--radio-group-border:var(--l3-foreground);--radio-group-label:var(--l2-foreground);--radio-group-label-hover:var(--l1-foreground-hover);--radio-group-primary-background:var(--primary-background);--radio-group-primary-border-hover:var(--primary-background-hover);--radio-group-primary-dot:var(--primary-foreground);--radio-group-secondary-background:var(--l2-foreground);--radio-group-secondary-border-hover:var(--l1-foreground-hover);--radio-group-secondary-dot:var(--l1-foreground);--radio-group-success-background:var(--success-background);--radio-group-success-border-hover:var(--success-background-hover);--radio-group-success-dot:var(--success-foreground);--radio-group-warning-background:var(--warning-background);--radio-group-warning-border-hover:var(--warning-background-hover);--radio-group-warning-dot:var(--warning-foreground);--radio-group-danger-background:var(--danger-background);--radio-group-danger-border-hover:var(--danger-background-hover);--radio-group-danger-dot:var(--danger-foreground);--radio-group-info-background:var(--bg-aqua-500);--radio-group-info-border-hover:var(--bg-aqua-400);--radio-group-info-dot:var(--text-ink-500);--radio-group-archive-background:var(--bg-sienna-500);--radio-group-archive-border-hover:var(--bg-sienna-400);--radio-group-archive-dot:var(--text-ink-500);--radio-group-highlight-danger-background:var(--bg-sakura-500);--radio-group-highlight-danger-border-hover:var(--bg-sakura-400);--radio-group-highlight-danger-dot:var(--text-ink-500);--radio-group-focus-ring:var(--ring);--switch-track-background:var(--l3-border);--switch-track-hover-background:var(--l3-background-hover);--switch-primary-background:var(--primary-background);--switch-primary-hover-background:var(--primary-background-hover);--switch-secondary-background:var(--l2-foreground);--switch-secondary-hover-background:var(--l1-foreground-hover);--switch-success-background:var(--success-background);--switch-success-hover-background:var(--success-background-hover);--switch-warning-background:var(--warning-background);--switch-warning-hover-background:var(--warning-background-hover);--switch-danger-background:var(--danger-background);--switch-danger-hover-background:var(--danger-background-hover);--switch-info-background:var(--bg-aqua-500);--switch-info-hover-background:var(--bg-aqua-400);--switch-archive-background:var(--bg-sienna-500);--switch-archive-hover-background:var(--bg-sienna-400);--switch-highlight-danger-background:var(--bg-sakura-500);--switch-highlight-danger-hover-background:var(--bg-sakura-400);--switch-thumb-background:var(--primary-foreground);--switch-label:var(--l1-foreground);--switch-description:var(--l2-foreground);--switch-focus-ring:var(--ring);--tabs-border:var(--l2-border);--tabs-primary-label:var(--l1-foreground);--tabs-primary-label-hover:var(--l1-foreground-hover);--tabs-primary-background-hover:var(--l3-background-60);--tabs-primary-indicator:var(--primary-background);--tabs-primary-radius:var(--radius-2);--tabs-secondary-background:var(--l3-background-30);--tabs-secondary-background-hover:var(--l2-background);--tabs-secondary-label:var(--l2-foreground);--tabs-secondary-label-hover:var(--l1-foreground-hover);--tabs-secondary-label-active:var(--l1-foreground);--tabs-secondary-label-disabled:var(--l3-foreground);--tabs-secondary-stripe-disabled:var(--l3-foreground);--tabs-label:var(--l1-foreground);--tabs-label-hover:var(--l1-foreground-hover);--tabs-hover-slider-background:color-mix(in srgb,var(--l1-foreground) 10%,transparent);--tabs-focus-ring:var(--ring);--tabs-focus-ring-offset:var(--l1-background);--toggle-group-border:var(--l2-border);--toggle-group-secondary-outlined-background:transparent;--toggle-group-secondary-outlined-background-hover:var(--l3-background-30);--toggle-group-secondary-outlined-background-active:var(--l3-background-60);--toggle-group-secondary-outlined-label:var(--l2-foreground);--toggle-group-secondary-outlined-label-hover:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-active:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-disabled:var(--l3-foreground);--toggle-group-scroll-button-background:var(--l1-background);--toggle-group-scroll-button-background-hover:var(--l1-background-hover);--toggle-group-scroll-button-label:var(--l1-foreground);--toggle-group-scroll-button-label-hover:var(--l1-foreground-hover);--toggle-group-scroll-button-shadow-color:rgba(0,0,0,.48);--toggle-group-focus-ring:var(--ring);--dropdown-background:var(--surface-3);--dropdown-border:var(--l2-border);--dropdown-shadow:var(--shadow-dropdown);--dropdown-item-label:var(--l2-foreground);--dropdown-item-label-hover:var(--l1-foreground-hover);--dropdown-item-label-disabled:var(--l3-foreground);--dropdown-item-background:transparent;--dropdown-item-background-hover:var(--l3-background-60);--dropdown-item-danger-label:var(--danger-background-hover);--dropdown-item-danger-label-hover:var(--danger-background-hover);--dropdown-item-danger-background-hover:var(--callout-error-background);--dropdown-item-icon:var(--l2-foreground);--dropdown-item-icon-hover:var(--l1-foreground-hover);--dropdown-group-label:var(--l3-foreground);--dropdown-separator:var(--l2-border);--dropdown-search-placeholder:var(--l3-foreground);--dropdown-search-icon:var(--l3-foreground);--dropdown-search-border:var(--l2-border);--dropdown-loading-label:var(--l1-foreground);--dropdown-item-focus-ring:var(--primary-background);--dropdown-scroll-fade:var(--dropdown-background);--dropdown-item-control-border:var(--l3-foreground);--dropdown-item-control-border-hover:var(--primary-background-hover);--dropdown-item-control-checked-background:var(--primary-background);--dropdown-item-control-checked-foreground:var(--primary-foreground);--calendar-background:var(--background);--calendar-button-background:transparent;--calendar-button-background-hover:var(--secondary-background-hover);--calendar-button-background-active:color-mix(in srgb,var(--secondary-background-hover) 85%,var(--foreground));--calendar-button-label:var(--secondary-foreground);--calendar-button-label-hover:var(--secondary-foreground-hover);--calendar-button-focus-ring:var(--ring);--calendar-day-selected-background:var(--primary);--calendar-day-selected-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-selected-label:var(--primary-foreground);--calendar-day-range-edge-background:var(--primary);--calendar-day-range-edge-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-range-edge-label:var(--primary-foreground);--calendar-day-range-middle-background:var(--accent);--calendar-day-range-middle-background-hover:color-mix(in srgb,var(--accent) 85%,var(--foreground));--calendar-day-range-middle-label:var(--accent-foreground);--calendar-day-today-background:var(--accent);--calendar-day-today-label:var(--accent-foreground);--calendar-day-outside-label:var(--muted-foreground);--calendar-day-disabled-label:var(--muted-foreground);--calendar-weekday-label:var(--muted-foreground);--calendar-week-number-label:var(--muted-foreground);--calendar-select-background:var(--popover);--calendar-select-border:var(--input);--calendar-select-border-focus:var(--ring);--calendar-select-icon:var(--muted-foreground);--calendar-select-shadow:0 1px 2px 0 color-mix(in srgb,var(--foreground) 5%,transparent);--calendar-select-shadow-focus:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent);--button-group-secondary-outlined-background:var(--secondary-background);--button-group-secondary-outlined-background-hover:var(
7
+ );--button-secondary-outlined-label:var(--secondary-foreground);--button-secondary-outlined-label-hover:var(--secondary-foreground-hover);--button-secondary-outlined-border:var(--secondary-border);--button-secondary-outlined-disabled-stripe:var(--secondary-border);--button-secondary-dashed-label:var(--secondary-foreground);--button-secondary-dashed-label-hover:var(--secondary-foreground-hover);--button-secondary-dashed-stroke:var(--secondary-border);--button-secondary-dashed-stroke-hover:var(--secondary-background-hover);--button-secondary-ghost-label:var(--secondary-foreground);--button-secondary-ghost-label-hover:var(--secondary-foreground-hover);--button-secondary-ghost-background-hover:var(--secondary-background-hover);--button-ghost-glow-opacity:12%;--button-focus-ring:var(--ring);--tooltip-background:var(--surface-1);--tooltip-label:var(--l1-foreground);--tooltip-border:var(--l3-border);--tooltip-divider:var(--l2-border);--tooltip-shadow:var(--shadow-tooltip);--breadcrumb-label:var(--l1-foreground);--breadcrumb-label-hover:var(--l1-foreground-hover);--breadcrumb-background-hover:var(--l1-background-hover);--breadcrumb-focus-ring:var(--ring)}[data-theme=default].dark{color-scheme:dark;--background:var(--bg-ink-500);--foreground:var(--text-vanilla-400);--card:var(--bg-ink-400);--card-foreground:var(--text-vanilla-100);--popover:var(--bg-ink-400);--popover-foreground:var(--text-vanilla-100);--primary:var(--bg-robin-500);--secondary:var(--bg-slate-500);--muted:var(--bg-slate-500);--muted-foreground:var(--text-vanilla-400);--accent:var(--bg-slate-300);--accent-foreground:var(--text-vanilla-100);--destructive:var(--bg-cherry-500);--destructive-foreground:var(--text-ink-500);--border:var(--bg-slate-400);--input:var(--bg-slate-300);--ring:var(--bg-robin-500);--radius:0.25rem;--chart-1:var(--bg-robin-400);--chart-2:var(--bg-robin-500);--chart-3:var(--bg-robin-600);--chart-4:var(--bg-slate-200);--chart-5:var(--bg-slate-300);--sidebar:var(--bg-slate-500);--sidebar-foreground:var(--text-vanilla-400);--sidebar-primary:var(--bg-robin-500);--sidebar-primary-foreground:var(--text-ink-500);--sidebar-accent:var(--bg-slate-400);--sidebar-accent-foreground:var(--text-vanilla-400);--sidebar-border:var(--bg-slate-500);--sidebar-ring:var(--bg-robin-500);--font-sans:"Inter";--font-serif:"Open Sans";--font-mono:"Geist Mono";--base-white:var(--text-base-white);--base-black:var(--text-base-black);--l1-background:var(--bg-neutral-dark-1000);--l2-background:var(--bg-neutral-dark-950);--l3-background:var(--bg-neutral-dark-800);--l1-background-hover:var(--bg-neutral-dark-900);--l2-background-hover:var(--bg-neutral-dark-700);--l3-background-hover:var(--bg-neutral-dark-700);--l1-foreground:var(--text-neutral-dark-50);--l1-foreground-hover:var(--text-base-white);--l2-foreground:var(--text-neutral-dark-100);--l2-foreground-hover:var(--text-neutral-dark-50);--l3-foreground:var(--text-neutral-dark-200);--l3-foreground-hover:var(--text-neutral-dark-300);--l1-border:var(--bg-neutral-dark-900);--l2-border:var(--bg-neutral-dark-800);--l3-border:var(--bg-neutral-dark-700);--primary-background:var(--bg-robin-500);--primary-background-hover:var(--bg-robin-600);--primary-foreground:var(--text-neutral-dark-50);--primary-foreground-hover:var(--text-base-white);--secondary-background:var(--l3-background-60);--secondary-background-hover:var(--l3-background-hover);--secondary-foreground:var(--l2-foreground);--secondary-foreground-hover:var(--l1-foreground-hover);--secondary-border:var(--l3-border);--success-background:var(--bg-forest-500);--success-background-hover:var(--bg-forest-400);--success-foreground:var(--text-neutral-dark-1000);--success-foreground-hover:var(--text-base-black);--warning-background:var(--bg-amber-500);--warning-background-hover:var(--bg-amber-600);--warning-foreground:var(--text-neutral-dark-1000);--warning-foreground-hover:var(--text-base-black);--danger-background:var(--bg-cherry-500);--danger-background-hover:var(--bg-cherry-600);--danger-foreground:var(--text-neutral-dark-50);--danger-foreground-hover:var(--text-base-white);--primary-link:var(--bg-robin-400);--primary-link-hover:var(--bg-robin-200);--secondary-link:var(--l2-foreground);--secondary-link-hover:var(--l1-foreground-hover);--success-link:var(--bg-forest-400);--success-link-hover:var(--bg-forest-500);--warning-link:var(--bg-amber-400);--warning-link-hover:var(--bg-amber-500);--danger-link:var(--bg-cherry-400);--danger-link-hover:var(--bg-cherry-500);--l1-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-1000),transparent 100%);--l1-background-60:color-mix(in srgb,var(--bg-neutral-dark-1000),transparent 40%);--l2-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-950),transparent 100%);--l2-background-60:color-mix(in srgb,var(--bg-neutral-dark-950),transparent 40%);--l3-background-transparent:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 100%);--l3-background-60:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 40%);--l3-background-30:color-mix(in srgb,var(--bg-neutral-dark-800),transparent 70%);--surface-1:var(--l1-background);--surface-2:var(--l2-background);--surface-3:var(--l3-background-60);--surface-static:var(--l3-background-60);--callout-primary-background:color-mix(in srgb,var(--bg-robin-500),transparent 90%);--callout-primary-border:color-mix(in srgb,var(--bg-robin-500),transparent 80%);--callout-primary-title:var(--bg-robin-100);--callout-primary-description:var(--bg-robin-300);--callout-primary-icon:var(--bg-robin-300);--callout-success-background:color-mix(in srgb,var(--bg-forest-500),transparent 90%);--callout-success-border:color-mix(in srgb,var(--bg-forest-500),transparent 80%);--callout-success-title:var(--bg-forest-100);--callout-success-description:var(--bg-forest-300);--callout-success-icon:var(--bg-forest-200);--callout-warning-background:color-mix(in srgb,var(--bg-amber-500),transparent 90%);--callout-warning-border:color-mix(in srgb,var(--bg-amber-500),transparent 80%);--callout-warning-title:var(--bg-amber-100);--callout-warning-description:var(--bg-amber-300);--callout-warning-icon:var(--bg-amber-200);--callout-error-background:color-mix(in srgb,var(--bg-cherry-500),transparent 90%);--callout-error-border:color-mix(in srgb,var(--bg-cherry-500),transparent 80%);--callout-error-title:var(--bg-cherry-100);--callout-error-description:var(--bg-cherry-300);--callout-error-icon:var(--bg-cherry-200);--accent-primary:var(--bg-robin-500);--accent-primary-hover:var(--bg-robin-400);--accent-primary-foreground:var(--text-ink-500);--accent-forest:var(--bg-forest-500);--accent-forest-hover:var(--bg-forest-400);--accent-forest-foreground:var(--text-ink-500);--accent-amber:var(--bg-amber-500);--accent-amber-hover:var(--bg-amber-400);--accent-amber-foreground:var(--text-ink-500);--accent-cherry:var(--bg-cherry-500);--accent-cherry-hover:var(--bg-cherry-400);--accent-cherry-foreground:var(--text-ink-500);--accent-aqua:var(--bg-aqua-500);--accent-aqua-hover:var(--bg-aqua-400);--accent-aqua-foreground:var(--text-ink-500);--accent-sakura:var(--bg-sakura-500);--accent-sakura-hover:var(--bg-sakura-400);--accent-sakura-foreground:var(--text-ink-500);--accent-sienna:var(--bg-sienna-500);--accent-sienna-hover:var(--bg-sienna-400);--accent-sienna-foreground:var(--text-ink-500);--ghost-background:transparent;--ghost-background-hover:var(--bg-slate-400);--ghost-foreground:var(--bg-vanilla-400);--ghost-foreground-hover:var(--bg-vanilla-100);--ghost-border:var(--bg-slate-400);--action-background:transparent;--action-background-hover:var(--bg-slate-400);--action-border:var(--bg-slate-400);--action-border-hover:var(--bg-slate-300);--action-foreground:var(--bg-vanilla-400);--action-foreground-hover:var(--bg-vanilla-100);--callout-sienna-background:color-mix(in srgb,var(--bg-sienna-500) 10%,transparent);--callout-sienna-border:color-mix(in srgb,var(--bg-sienna-500) 20%,transparent);--callout-sienna-title:var(--bg-sienna-100);--callout-sienna-description:var(--bg-sienna-300);--callout-sienna-icon:var(--bg-sienna-300);--callout-aqua-background:color-mix(in srgb,var(--bg-aqua-500) 10%,transparent);--callout-aqua-border:color-mix(in srgb,var(--bg-aqua-500) 20%,transparent);--callout-aqua-title:var(--bg-aqua-100);--callout-aqua-description:var(--bg-aqua-300);--callout-aqua-icon:var(--bg-aqua-300);--control-icon-foreground:var(--text-base-white);--control-icon-foreground-contrast:var(--text-base-black);--shadow-sidebar:33px 365px 103px 0 rgba(0,0,0,.1),21px 234px 94px 0 rgba(0,0,0,.1),12px 132px 79px 0 rgba(0,0,0,.3),5px 58px 59px 0 rgba(0,0,0,.2),1px 15px 32px 0 rgba(0,0,0,.1);--shadow-dropdown:0 214px 60px 0 rgba(0,0,0,.05),0 137px 55px 0 rgba(0,0,0,.1),0 77px 46px 0 rgba(0,0,0,.1),0 34px 34px 0 rgba(0,0,0,.2),0 9px 19px 0 rgba(0,0,0,.1);--shadow-drawer:-59px 771px 216px 0 rgba(0,0,0,.2),-37px 493px 198px 0 rgba(0,0,0,.1),-21px 278px 167px 0 rgba(0,0,0,.3),-9px 123px 124px 0 rgba(0,0,0,.1),-2px 31px 68px 0 rgba(0,0,0,.2);--shadow-dialog:0 343px 96px 0 transparent,0 220px 88px 0 rgba(0,0,0,.01),0 123px 74px 0 rgba(0,0,0,.03),0 55px 55px 0 rgba(0,0,0,.04),0 14px 30px 0 rgba(0,0,0,.04);--shadow-toast:144px 114px 51px 0 transparent,92px 73px 47px 0 rgba(0,0,0,.01),52px 41px 40px 0 rgba(0,0,0,.05),23px 18px 29px 0 rgba(0,0,0,.09),6px 5px 16px 0 rgba(0,0,0,.1);--shadow-tooltip:6px 105px 30px 0 rgba(0,0,0,.05),4px 67px 27px 0 rgba(0,0,0,.1),2px 38px 23px 0 rgba(0,0,0,.2),1px 17px 17px 0 rgba(0,0,0,.3),0 4px 9px 0 rgba(0,0,0,.2);--pill-primary-background:var(--bg-robin-500);--pill-primary-border:var(--bg-robin-500);--pill-primary-label:var(--bg-robin-400);--pill-primary-label-hover:var(--bg-robin-400);--pill-success-background:var(--bg-forest-500);--pill-success-border:var(--bg-forest-500);--pill-success-label:var(--bg-forest-400);--pill-success-label-hover:var(--bg-forest-400);--pill-warning-background:var(--bg-amber-500);--pill-warning-border:var(--bg-amber-500);--pill-warning-label:var(--bg-amber-400);--pill-warning-label-hover:var(--bg-amber-400);--pill-danger-background:var(--bg-cherry-500);--pill-danger-border:var(--bg-cherry-500);--pill-danger-label:var(--bg-cherry-400);--pill-danger-label-hover:var(--bg-cherry-400);--pill-outlined-background:var(--l1-background-transparent);--pill-outlined-background-hover:var(--surface-3);--pill-outlined-border:var(--l3-border);--pill-outlined-label:var(--secondary-foreground);--pill-outlined-label-hover:var(--secondary-foreground-hover);--pill-rect-solid-background:var(--secondary-border);--pill-rect-solid-background-hover:var(--bg-neutral-dark-500);--pill-rect-solid-label:var(--l1-foreground);--pill-rect-solid-label-hover:var(--l1-foreground-hover);--pill-rect-solid-dismiss-icon:var(--l2-foreground);--pill-rect-solid-dismiss-icon-hover:var(--l1-foreground);--pill-info-background:var(--bg-aqua-500);--pill-info-border:var(--bg-aqua-500);--pill-info-label:var(--bg-aqua-400);--pill-info-label-hover:var(--bg-aqua-400);--pill-archive-background:var(--bg-sienna-500);--pill-archive-border:var(--bg-sienna-500);--pill-archive-label:var(--bg-sienna-400);--pill-archive-label-hover:var(--bg-sienna-400);--pill-highlight-danger-background:var(--bg-sakura-500);--pill-highlight-danger-border:var(--bg-sakura-500);--pill-highlight-danger-label:var(--bg-sakura-400);--pill-highlight-danger-label-hover:var(--bg-sakura-400);--pill-invalid-border:var(--destructive);--pill-invalid-label:var(--destructive);--pill-invalid-background:var(--destructive);--pill-invalid-dismiss-icon:var(--destructive);--pill-invalid-dismiss-icon-hover:var(--destructive);--pill-focus-ring:var(--ring);--badge-primary-outlined-background:var(--bg-robin-500);--badge-primary-outlined-border:var(--bg-robin-500);--badge-primary-outlined-label:var(--bg-robin-400);--badge-primary-outlined-icon:var(--bg-robin-400);--badge-success-outlined-background:var(--bg-forest-500);--badge-success-outlined-border:var(--bg-forest-500);--badge-success-outlined-label:var(--bg-forest-400);--badge-success-outlined-icon:var(--bg-forest-400);--badge-warning-outlined-background:var(--bg-amber-500);--badge-warning-outlined-border:var(--bg-amber-500);--badge-warning-outlined-label:var(--bg-amber-400);--badge-warning-outlined-icon:var(--bg-amber-400);--badge-danger-outlined-background:var(--bg-cherry-500);--badge-danger-outlined-border:var(--bg-cherry-500);--badge-danger-outlined-label:var(--bg-cherry-400);--badge-danger-outlined-icon:var(--bg-cherry-400);--badge-secondary-outlined-background:var(--l1-background-transparent);--badge-secondary-outlined-border:var(--l3-border);--badge-secondary-outlined-label:var(--secondary-foreground);--badge-secondary-outlined-icon:var(--secondary-foreground);--badge-primary-background:var(--primary-background);--badge-primary-foreground:var(--primary-foreground);--badge-secondary-background:var(--surface-3);--badge-secondary-foreground:var(--secondary-foreground);--badge-success-background:var(--success-background);--badge-success-foreground:var(--success-foreground);--badge-warning-background:var(--warning-background);--badge-warning-foreground:var(--warning-foreground);--badge-danger-background:var(--danger-background);--badge-danger-foreground:var(--danger-foreground);--badge-info-background:var(--bg-aqua-500);--badge-info-foreground:var(--text-ink-500);--badge-archive-background:var(--bg-sienna-500);--badge-archive-foreground:var(--text-ink-500);--badge-highlight-danger-background:var(--bg-sakura-500);--badge-highlight-danger-foreground:var(--text-ink-500);--badge-secondary-border:var(--secondary-border);--badge-info-outlined-background:var(--bg-aqua-500);--badge-info-outlined-border:var(--bg-aqua-500);--badge-info-outlined-label:var(--bg-aqua-400);--badge-archive-outlined-background:var(--bg-sienna-500);--badge-archive-outlined-border:var(--bg-sienna-500);--badge-archive-outlined-label:var(--bg-sienna-400);--badge-highlight-danger-outlined-background:var(--bg-sakura-500);--badge-highlight-danger-outlined-border:var(--bg-sakura-500);--badge-highlight-danger-outlined-label:var(--bg-sakura-400);--radio-group-border:var(--l3-foreground);--radio-group-label:var(--l2-foreground);--radio-group-label-hover:var(--l1-foreground-hover);--radio-group-primary-background:var(--primary-background);--radio-group-primary-border-hover:var(--primary-background-hover);--radio-group-primary-dot:var(--primary-foreground);--radio-group-secondary-background:var(--l2-foreground);--radio-group-secondary-border-hover:var(--l1-foreground-hover);--radio-group-secondary-dot:var(--l1-foreground);--radio-group-success-background:var(--success-background);--radio-group-success-border-hover:var(--success-background-hover);--radio-group-success-dot:var(--success-foreground);--radio-group-warning-background:var(--warning-background);--radio-group-warning-border-hover:var(--warning-background-hover);--radio-group-warning-dot:var(--warning-foreground);--radio-group-danger-background:var(--danger-background);--radio-group-danger-border-hover:var(--danger-background-hover);--radio-group-danger-dot:var(--danger-foreground);--radio-group-info-background:var(--bg-aqua-500);--radio-group-info-border-hover:var(--bg-aqua-400);--radio-group-info-dot:var(--text-ink-500);--radio-group-archive-background:var(--bg-sienna-500);--radio-group-archive-border-hover:var(--bg-sienna-400);--radio-group-archive-dot:var(--text-ink-500);--radio-group-highlight-danger-background:var(--bg-sakura-500);--radio-group-highlight-danger-border-hover:var(--bg-sakura-400);--radio-group-highlight-danger-dot:var(--text-ink-500);--radio-group-focus-ring:var(--ring);--switch-track-background:var(--l3-border);--switch-track-hover-background:var(--l3-background-hover);--switch-primary-background:var(--primary-background);--switch-primary-hover-background:var(--bg-robin-400);--switch-secondary-background:var(--l2-foreground);--switch-secondary-hover-background:var(--l1-foreground-hover);--switch-success-background:var(--success-background);--switch-success-hover-background:var(--success-background-hover);--switch-warning-background:var(--warning-background);--switch-warning-hover-background:var(--bg-amber-400);--switch-danger-background:var(--danger-background);--switch-danger-hover-background:var(--bg-cherry-400);--switch-info-background:var(--bg-aqua-500);--switch-info-hover-background:var(--bg-aqua-400);--switch-archive-background:var(--bg-sienna-500);--switch-archive-hover-background:var(--bg-sienna-400);--switch-highlight-danger-background:var(--bg-sakura-500);--switch-highlight-danger-hover-background:var(--bg-sakura-400);--switch-thumb-background:var(--primary-foreground);--switch-label:var(--l1-foreground);--switch-description:var(--l2-foreground);--switch-focus-ring:var(--ring);--tabs-border:var(--l2-border);--tabs-primary-label:var(--l1-foreground);--tabs-primary-label-hover:var(--l1-foreground-hover);--tabs-primary-background-hover:var(--l3-background-60);--tabs-primary-indicator:var(--primary-background);--tabs-primary-radius:var(--radius-2);--tabs-secondary-background:var(--l3-background-30);--tabs-secondary-background-hover:var(--l2-background);--tabs-secondary-label:var(--l2-foreground);--tabs-secondary-label-hover:var(--l1-foreground-hover);--tabs-secondary-label-active:var(--l1-foreground);--tabs-secondary-label-disabled:var(--l3-foreground);--tabs-secondary-stripe-disabled:var(--l3-foreground);--tabs-label:var(--l1-foreground);--tabs-label-hover:var(--l1-foreground-hover);--tabs-hover-slider-background:color-mix(in srgb,var(--l1-foreground) 10%,transparent);--tabs-focus-ring:var(--ring);--tabs-focus-ring-offset:var(--l1-background);--toggle-group-border:var(--l2-border);--toggle-group-secondary-outlined-background:transparent;--toggle-group-secondary-outlined-background-hover:var(--l3-background-30);--toggle-group-secondary-outlined-background-active:var(--l3-background-60);--toggle-group-secondary-outlined-label:var(--l2-foreground);--toggle-group-secondary-outlined-label-hover:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-active:var(--l1-foreground-hover);--toggle-group-secondary-outlined-label-disabled:var(--l3-foreground);--toggle-group-scroll-button-background:var(--l1-background);--toggle-group-scroll-button-background-hover:var(--l1-background-hover);--toggle-group-scroll-button-label:var(--l1-foreground);--toggle-group-scroll-button-label-hover:var(--l1-foreground-hover);--toggle-group-scroll-button-shadow-color:rgba(0,0,0,.48);--toggle-group-focus-ring:var(--ring);--dropdown-background:var(--surface-3);--dropdown-border:var(--l2-border);--dropdown-shadow:var(--shadow-dropdown);--dropdown-item-label:var(--l2-foreground);--dropdown-item-label-hover:var(--l1-foreground-hover);--dropdown-item-label-disabled:var(--l3-foreground);--dropdown-item-background:transparent;--dropdown-item-background-hover:var(--l3-background-60);--dropdown-item-danger-label:var(--danger-background-hover);--dropdown-item-danger-label-hover:var(--danger-background-hover);--dropdown-item-danger-background-hover:var(--callout-error-background);--dropdown-item-icon:var(--l2-foreground);--dropdown-item-icon-hover:var(--l1-foreground-hover);--dropdown-group-label:var(--l3-foreground);--dropdown-separator:var(--l2-border);--dropdown-search-placeholder:var(--l3-foreground);--dropdown-search-icon:var(--l3-foreground);--dropdown-search-border:var(--l2-border);--dropdown-loading-label:var(--l1-foreground);--dropdown-item-focus-ring:var(--primary-background);--dropdown-scroll-fade:var(--dropdown-background);--dropdown-item-control-border:var(--l3-foreground);--dropdown-item-control-border-hover:var(--primary-background-hover);--dropdown-item-control-checked-background:var(--primary-background);--dropdown-item-control-checked-foreground:var(--primary-foreground);--calendar-background:var(--background);--calendar-button-background:transparent;--calendar-button-background-hover:var(--secondary-background-hover);--calendar-button-background-active:color-mix(in srgb,var(--secondary-background-hover) 85%,var(--foreground));--calendar-button-label:var(--secondary-foreground);--calendar-button-label-hover:var(--secondary-foreground-hover);--calendar-button-focus-ring:var(--ring);--calendar-day-selected-background:var(--primary);--calendar-day-selected-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-selected-label:var(--primary-foreground);--calendar-day-range-edge-background:var(--primary);--calendar-day-range-edge-background-hover:color-mix(in srgb,var(--primary) 85%,var(--foreground));--calendar-day-range-edge-label:var(--primary-foreground);--calendar-day-range-middle-background:var(--accent);--calendar-day-range-middle-background-hover:color-mix(in srgb,var(--accent) 85%,var(--foreground));--calendar-day-range-middle-label:var(--accent-foreground);--calendar-day-today-background:var(--accent);--calendar-day-today-label:var(--accent-foreground);--calendar-day-outside-label:var(--muted-foreground);--calendar-day-disabled-label:var(--muted-foreground);--calendar-weekday-label:var(--muted-foreground);--calendar-week-number-label:var(--muted-foreground);--calendar-select-background:var(--popover);--calendar-select-border:var(--input);--calendar-select-border-focus:var(--ring);--calendar-select-icon:var(--muted-foreground);--calendar-select-shadow:0 1px 2px 0 color-mix(in srgb,var(--foreground) 5%,transparent);--calendar-select-shadow-focus:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent);--button-group-secondary-outlined-background:var(--secondary-background);--button-group-secondary-outlined-background-hover:var(
8
8
  --secondary-background-hover
9
9
  );--button-group-secondary-outlined-label:var(--secondary-foreground);--button-group-secondary-outlined-label-hover:var(
10
10
  --secondary-foreground-hover
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signozhq/design-tokens",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "type": "module",
5
5
  "main": "./dist/design-tokens.js",
6
6
  "module": "./dist/design-tokens.js",
@@ -40,6 +40,10 @@
40
40
  "vite": "8.0.16",
41
41
  "vite-plugin-dts": "5.0.0"
42
42
  },
43
+ "repository": {
44
+ "type": "git",
45
+ "url": "git+https://github.com/SigNoz/design-tokens.git"
46
+ },
43
47
  "publishConfig": {
44
48
  "access": "public"
45
49
  },