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

	--u-color-accent:                         #9d7cf0;
	--u-color-accent-hover:                   color-mix(in oklab, var(--u-color-accent), black 10%);
	--u-color-accent-active:                  color-mix(in oklab, var(--u-color-accent), black 20%);
	--u-color-accent-foreground:              #ffffff;
	--u-color-accent-foreground-hover:        #ffffff;
	--u-color-accent-foreground-active:       #ffffff;

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

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

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

	--u-color-surface-primary:                color-mix(in srgb, var(--u-color-primary) 15%, var(--u-color-background));
	--u-color-surface-primary-foreground:     color-mix(in srgb, var(--u-color-primary), black 50%);
	--u-color-surface-primary-border:         color-mix(in srgb, var(--u-color-primary) 30%, var(--u-color-background));
	--u-color-surface-accent:                 color-mix(in srgb, var(--u-color-accent) 15%, var(--u-color-background));
	--u-color-surface-accent-foreground:      color-mix(in srgb, var(--u-color-accent), black 50%);
	--u-color-surface-accent-border:          color-mix(in srgb, var(--u-color-accent) 30%, var(--u-color-background));
	--u-color-surface-destructive:            color-mix(in srgb, var(--u-color-destructive) 15%, var(--u-color-background));
	--u-color-surface-destructive-foreground: color-mix(in srgb, var(--u-color-destructive), black 50%);
	--u-color-surface-destructive-border:     color-mix(in srgb, var(--u-color-destructive) 30%, var(--u-color-background));
	--u-color-surface-warning:                color-mix(in srgb, var(--u-color-warning) 15%, var(--u-color-background));
	--u-color-surface-warning-foreground:     color-mix(in srgb, var(--u-color-warning), black 50%);
	--u-color-surface-warning-border:         color-mix(in srgb, var(--u-color-warning) 30%, var(--u-color-background));
	--u-color-surface-success:                color-mix(in srgb, var(--u-color-success) 15%, var(--u-color-background));
	--u-color-surface-success-foreground:     color-mix(in srgb, var(--u-color-success), black 50%);
	--u-color-surface-success-border:         color-mix(in srgb, var(--u-color-success) 30%, var(--u-color-background));
	--u-color-surface:                        #141a28;
	--u-color-surface-hover:                  color-mix(in oklab, var(--u-color-surface), var(--u-color-foreground) 10%);
	--u-color-surface-active:                 color-mix(in oklab, var(--u-color-surface), var(--u-color-foreground) 20%);
	--u-color-surface-foreground:             #c6cede;
	--u-color-surface-foreground-hover:       #c6cede;
	--u-color-surface-foreground-active:      #c6cede;
	--u-color-surface-1:                      #1b2333;
	--u-color-surface-1-hover:                color-mix(in oklab, var(--u-color-surface-1), var(--u-color-foreground) 10%);
	--u-color-surface-1-active:               color-mix(in oklab, var(--u-color-surface-1), var(--u-color-foreground) 20%);
	--u-color-surface-1-foreground:           #eef2fb;
	--u-color-surface-1-foreground-hover:     #eef2fb;
	--u-color-surface-1-foreground-active:    #eef2fb;

	--u-color-background:                     #090c12;
	--u-color-background-hover:               #090c12;
	--u-color-background-active:              #090c12;
	--u-color-background-foreground:          #eef2fb;
	--u-color-background-foreground-hover:    #eef2fb;
	--u-color-background-foreground-active:   #eef2fb;

	--u-color-muted:                          #0e131d;
	--u-color-muted-hover:                    color-mix(in oklab, var(--u-color-muted), var(--u-color-foreground) 10%);
	--u-color-muted-active:                   color-mix(in oklab, var(--u-color-muted), var(--u-color-foreground) 20%);
	--u-color-muted-foreground:               #8792a6;
	--u-color-muted-foreground-hover:         #8792a6;
	--u-color-muted-foreground-active:        #8792a6;

	--u-color-foreground:                     #eef2fb;
	--u-color-foreground-hover:               #eef2fb;
	--u-color-foreground-active:              #eef2fb;

	--u-color-border:                         #232b3b;
	--u-color-border-hover:                   color-mix(in oklab, var(--u-color-border), var(--u-color-foreground) 10%);
	--u-color-border-active:                  color-mix(in oklab, var(--u-color-border), var(--u-color-foreground) 20%);

	--u-color-input:                          #0e131d;
	--u-color-input-hover:                    color-mix(in oklab, var(--u-color-input), var(--u-color-foreground) 10%);
	--u-color-input-active:                   color-mix(in oklab, var(--u-color-input), var(--u-color-foreground) 20%);

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

