/* GENERATED by scripts/build-theme.ts — do not edit by hand. Run `deno task site:css`. */
:root {
	--d-color-primary:                        #FF3EA5;
	--d-color-primary-hover:                  color-mix(in oklab, var(--d-color-primary), black 10%);
	--d-color-primary-active:                 color-mix(in oklab, var(--d-color-primary), black 20%);
	--d-color-primary-foreground:             #2B0520;
	--d-color-primary-foreground-hover:       #2B0520;
	--d-color-primary-foreground-active:      #2B0520;

	--d-color-accent:                         #00E5C7;
	--d-color-accent-hover:                   color-mix(in oklab, var(--d-color-accent), black 10%);
	--d-color-accent-active:                  color-mix(in oklab, var(--d-color-accent), black 20%);
	--d-color-accent-foreground:              #012A24;
	--d-color-accent-foreground-hover:        #012A24;
	--d-color-accent-foreground-active:       #012A24;

	--d-color-destructive:                    #dc2626;
	--d-color-destructive-hover:              color-mix(in oklab, var(--d-color-destructive), black 10%);
	--d-color-destructive-active:             color-mix(in oklab, var(--d-color-destructive), black 20%);
	--d-color-destructive-foreground:         #ffffff;
	--d-color-destructive-foreground-hover:   #ffffff;
	--d-color-destructive-foreground-active:  #ffffff;

	--d-color-warning:                        #f59e0b;
	--d-color-warning-hover:                  color-mix(in oklab, var(--d-color-warning), black 10%);
	--d-color-warning-active:                 color-mix(in oklab, var(--d-color-warning), black 20%);
	--d-color-warning-foreground:             #000000;
	--d-color-warning-foreground-hover:       #000000;
	--d-color-warning-foreground-active:      #000000;

	--d-color-success:                        #34d399;
	--d-color-success-hover:                  color-mix(in oklab, var(--d-color-success), black 10%);
	--d-color-success-active:                 color-mix(in oklab, var(--d-color-success), black 20%);
	--d-color-success-foreground:             #04231a;
	--d-color-success-foreground-hover:       #04231a;
	--d-color-success-foreground-active:      #04231a;

	--d-color-surface-primary:                color-mix(in srgb, var(--d-color-primary) 15%, var(--d-color-background));
	--d-color-surface-primary-foreground:     color-mix(in srgb, var(--d-color-primary), black 50%);
	--d-color-surface-primary-border:         color-mix(in srgb, var(--d-color-primary) 30%, var(--d-color-background));
	--d-color-surface-accent:                 color-mix(in srgb, var(--d-color-accent) 15%, var(--d-color-background));
	--d-color-surface-accent-foreground:      color-mix(in srgb, var(--d-color-accent), black 50%);
	--d-color-surface-accent-border:          color-mix(in srgb, var(--d-color-accent) 30%, var(--d-color-background));
	--d-color-surface-destructive:            color-mix(in srgb, var(--d-color-destructive) 15%, var(--d-color-background));
	--d-color-surface-destructive-foreground: color-mix(in srgb, var(--d-color-destructive), black 50%);
	--d-color-surface-destructive-border:     color-mix(in srgb, var(--d-color-destructive) 30%, var(--d-color-background));
	--d-color-surface-warning:                color-mix(in srgb, var(--d-color-warning) 15%, var(--d-color-background));
	--d-color-surface-warning-foreground:     color-mix(in srgb, var(--d-color-warning), black 50%);
	--d-color-surface-warning-border:         color-mix(in srgb, var(--d-color-warning) 30%, var(--d-color-background));
	--d-color-surface-success:                color-mix(in srgb, var(--d-color-success) 15%, var(--d-color-background));
	--d-color-surface-success-foreground:     color-mix(in srgb, var(--d-color-success), black 50%);
	--d-color-surface-success-border:         color-mix(in srgb, var(--d-color-success) 30%, var(--d-color-background));
	--d-color-surface:                        #1c1a24;
	--d-color-surface-hover:                  color-mix(in oklab, var(--d-color-surface), var(--d-color-foreground) 10%);
	--d-color-surface-active:                 color-mix(in oklab, var(--d-color-surface), var(--d-color-foreground) 20%);
	--d-color-surface-foreground:             #d5d2de;
	--d-color-surface-foreground-hover:       #d5d2de;
	--d-color-surface-foreground-active:      #d5d2de;
	--d-color-surface-1:                      #252230;
	--d-color-surface-1-hover:                color-mix(in oklab, var(--d-color-surface-1), var(--d-color-foreground) 10%);
	--d-color-surface-1-active:               color-mix(in oklab, var(--d-color-surface-1), var(--d-color-foreground) 20%);
	--d-color-surface-1-foreground:           #f1f0f5;
	--d-color-surface-1-foreground-hover:     #f1f0f5;
	--d-color-surface-1-foreground-active:    #f1f0f5;

	--d-color-background:                     #101014;
	--d-color-background-hover:               #101014;
	--d-color-background-active:              #101014;
	--d-color-background-foreground:          #f1f0f5;
	--d-color-background-foreground-hover:    #f1f0f5;
	--d-color-background-foreground-active:   #f1f0f5;

	--d-color-muted:                          #17161d;
	--d-color-muted-hover:                    color-mix(in oklab, var(--d-color-muted), var(--d-color-foreground) 10%);
	--d-color-muted-active:                   color-mix(in oklab, var(--d-color-muted), var(--d-color-foreground) 20%);
	--d-color-muted-foreground:               #8b8798;
	--d-color-muted-foreground-hover:         #8b8798;
	--d-color-muted-foreground-active:        #8b8798;

	--d-color-foreground:                     #f1f0f5;
	--d-color-foreground-hover:               #f1f0f5;
	--d-color-foreground-active:              #f1f0f5;

	--d-color-border:                         #2c2938;
	--d-color-border-hover:                   color-mix(in oklab, var(--d-color-border), var(--d-color-foreground) 10%);
	--d-color-border-active:                  color-mix(in oklab, var(--d-color-border), var(--d-color-foreground) 20%);

	--d-color-input:                          #17161d;
	--d-color-input-hover:                    color-mix(in oklab, var(--d-color-input), var(--d-color-foreground) 10%);
	--d-color-input-active:                   color-mix(in oklab, var(--d-color-input), var(--d-color-foreground) 20%);

	--d-color-ring:                           color-mix(in srgb, #FF3EA5 25%, transparent);
	--d-color-ring-hover:                     color-mix(in srgb, #FF3EA5 25%, transparent);
	--d-color-ring-active:                    color-mix(in srgb, #FF3EA5 25%, transparent);
}

@supports not (color: color-mix(in oklab, red, blue)) {
	:root {
		--d-color-primary-hover:                  #de358f;
		--d-color-primary-active:                 #be2b79;

		--d-color-accent-hover:                   #00c7ad;
		--d-color-accent-active:                  #00aa93;

		--d-color-destructive-hover:              #bf2020;
		--d-color-destructive-active:             #a31919;

		--d-color-warning-hover:                  #d58908;
		--d-color-warning-active:                 #b67406;

		--d-color-success-hover:                  #2cb784;
		--d-color-success-active:                 #249c70;

		--d-color-surface-primary:                #34172a;
		--d-color-surface-primary-foreground:     #801f53;
		--d-color-surface-primary-border:         #581e40;
		--d-color-surface-accent:                 #0e302f;
		--d-color-surface-accent-foreground:      #007364;
		--d-color-surface-accent-border:          #0b504a;
		--d-color-surface-destructive:            #2f1317;
		--d-color-surface-destructive-foreground: #6e1313;
		--d-color-surface-destructive-border:     #4d1719;
		--d-color-surface-warning:                #322513;
		--d-color-surface-warning-foreground:     #7b4f06;
		--d-color-surface-warning-border:         #553b11;
		--d-color-surface-success:                #152d28;
		--d-color-surface-success-foreground:     #1a6a4d;
		--d-color-surface-success-border:         #1b4a3c;
		--d-color-surface-hover:                  #2e2c36;
		--d-color-surface-active:                 #403e48;
		--d-color-surface-1-hover:                #363341;
		--d-color-surface-1-active:               #484653;

		--d-color-muted-hover:                    #29282f;
		--d-color-muted-active:                   #3c3b42;

		--d-color-border-hover:                   #3d3a49;
		--d-color-border-active:                  #4f4c5a;

		--d-color-input-hover:                    #29282f;
		--d-color-input-active:                   #3c3b42;

		--d-color-ring:                           rgba(255, 62, 165, 0.25);
		--d-color-ring-hover:                     rgba(255, 62, 165, 0.25);
		--d-color-ring-active:                    rgba(255, 62, 165, 0.25);
	}
}