/* Generated runtime theme. PUBLIC_APP_PREFIX must match the SCSS $prefix. */

:root,
[data-app-theme="light"] {
	--m-app-color-mode: neutral;
	--m-app-main: #0d6efd;
	--m-app-main-rgb: 13, 110, 253;
	--m-app-main-contrast: #000000;
	--m-app-sub: #48e7ff;
	--m-app-sub-rgb: 72, 231, 255;
	--m-app-sub-contrast: #000000;
	--m-app-accent: #48e7ff;
	--m-app-accent-rgb: 72, 231, 255;
	--m-app-accent-contrast: #000000;
	--m-app-accent-warm: #4040fd;
	--m-app-accent-warm-rgb: 64, 64, 253;
	--m-app-ink: #212529;
	--m-app-muted: #6c757d;
	--m-app-muted-strong: #495057;
	--m-app-surface: #ffffff;
	--m-app-surface-soft: #f8f9fa;
	--m-app-surface-muted: rgb(253, 253, 254);
	--m-app-divider: rgba(33, 37, 41, 0.08);
	--m-app-neutral-bg: var(--m-app-surface-soft);
	--m-app-neutral-border: rgba(15, 23, 42, 0.09);
	--m-app-brand-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)), var(--m-app-surface-soft);
	--m-app-brand-border: rgba(13, 110, 253, 0.09);
	--m-app-page-bg: radial-gradient(circle at 18% 12%, rgba(148, 163, 184, 0.1), transparent 30rem), radial-gradient(circle at 86% 4%, rgba(203, 213, 225, 0.14), transparent 28rem), radial-gradient(circle at 74% 88%, rgba(226, 232, 240, 0.11), transparent 22rem), linear-gradient(180deg, var(--m-app-surface) 0%, var(--m-app-surface-soft) 56%, var(--m-app-surface-muted) 100%);
	--m-app-bg: var(--m-app-surface);
	--m-app-bg-soft: var(--m-app-surface-soft);
	--m-app-bg-muted: var(--m-app-surface-muted);
	--m-app-header-bg: linear-gradient(180deg, var(--m-app-surface), var(--m-app-surface-soft));
	--m-app-footer-bg: var(--m-app-bg-soft);
	--m-app-overlay-bg: linear-gradient(transparent, transparent);
	--m-app-hover-bg: rgba(15, 23, 42, 0.035);
	--m-app-selected-bg: rgba(13, 110, 253, 0.048);
	--m-app-border: rgba(15, 23, 42, 0.09);
	--m-app-border-soft: var(--m-app-divider);
	--m-app-hover-border: rgba(13, 110, 253, 0.18);
	--m-app-shell-bg: #111827;
	--m-app-shell-bg-strong: #020617;
	--m-app-shell-bg-soft: #1f2937;
	--m-app-shell-fg: #ffffff;
	--m-app-shell-muted: rgba(255, 255, 255, 0.72);
	--m-app-shell-border: rgba(255, 255, 255, 0.1);
	--m-app-shell-hover: rgba(255, 255, 255, 0.08);
	--m-app-shell-active: rgba(255, 255, 255, 0.11);
	--m-app-gradient-main: linear-gradient(135deg, var(--m-app-main), var(--m-app-main));
	--m-app-shell-gradient: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.06), transparent 22rem), linear-gradient(135deg, var(--m-app-shell-bg), var(--m-app-shell-bg-strong));
	--m-app-shell-background: var(--m-app-shell-bg);
	--m-app-gradient-motion-duration: 8s;
	--m-app-gradient-soft: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88));
	--m-app-gradient-ambient: radial-gradient(circle at 18% 12%, rgba(148, 163, 184, 0.1), transparent 30rem), radial-gradient(circle at 86% 4%, rgba(203, 213, 225, 0.14), transparent 28rem), radial-gradient(circle at 74% 88%, rgba(226, 232, 240, 0.11), transparent 22rem);
	--m-app-radius-sm: 0.5rem;
	--m-app-radius-md: 0.75rem;
	--m-app-radius-lg: 1rem;
	--m-app-radius-xl: 1.25rem;
	--m-app-shadow-sm: 0 0.35rem 0.85rem rgba(33, 37, 41, 0.06);
	--m-app-shadow-md: 0 0.85rem 2rem rgba(33, 37, 41, 0.08);
	--m-app-shadow-lg: 0 1.35rem 3rem rgba(33, 37, 41, 0.11);
	--m-app-focus-ring: 0 0 0 0.16rem rgba(13, 110, 253, 0.1);
	--m-app-backdrop-bg: rgba(0, 0, 0, 0.34);
	--m-app-shell-shadow: 0 0.55rem 1.35rem rgba(0, 0, 0, 0.18);
	--m-app-shell-side-shadow: 0.75rem 0 1.65rem rgba(0, 0, 0, 0.16);
	--m-app-field-bg: var(--m-app-bg);
	--m-app-field-fg: var(--m-app-ink);
	--m-app-field-border: rgba(100, 116, 139, 0.24);
	--m-app-field-focus-bg: var(--m-app-bg);
	--m-app-field-focus-border: rgba(13, 110, 253, 0.42);
	--m-app-field-focus-shadow: var(--m-app-focus-ring);
	--m-app-action-bg: var(--m-app-bg);
	--m-app-action-fg: var(--m-app-main);
	--m-app-action-border: rgba(13, 110, 253, 0.18);
	--m-app-action-hover-bg: rgba(13, 110, 253, 0.048);
	--m-app-action-hover-border: rgba(13, 110, 253, 0.28);
	--m-app-action-hover-shadow: 0 0 0 0.14rem rgba(13, 110, 253, 0.075);
	--m-app-control-radius: 0.58rem;
}

[data-app-theme="dark"] {
	--m-app-surface: #101722;
	--m-app-surface-soft: #151d2a;
	--m-app-surface-muted: #1b2533;
	--m-app-ink: #f8f9fa;
	--m-app-muted: rgba(255, 255, 255, 0.66);
	--m-app-muted-strong: rgba(255, 255, 255, 0.8);
	--m-app-neutral-bg: var(--m-app-surface-soft);
	--m-app-neutral-border: rgba(255, 255, 255, 0.12);
	--m-app-brand-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018)), var(--m-app-surface-soft);
	--m-app-brand-border: rgba(72, 231, 255, 0.16);
	--m-app-page-bg: radial-gradient(circle at 18% 16%, rgba(148, 163, 184, 0.045), transparent 34rem), radial-gradient(circle at 82% 12%, rgba(203, 213, 225, 0.035), transparent 30rem), linear-gradient(180deg, var(--m-app-surface-soft) 0%, var(--m-app-surface) 52%, var(--m-app-surface-muted) 100%);
	--m-app-bg: var(--m-app-surface);
	--m-app-bg-soft: var(--m-app-surface-soft);
	--m-app-bg-muted: var(--m-app-surface-muted);
	--m-app-header-bg: linear-gradient(180deg, var(--m-app-surface-soft), var(--m-app-surface-muted));
	--m-app-footer-bg: var(--m-app-bg-soft);
	--m-app-overlay-bg: linear-gradient(transparent, transparent);
	--m-app-hover-bg: rgba(255, 255, 255, 0.045);
	--m-app-selected-bg: rgba(13, 110, 253, 0.065);
	--m-app-border: rgba(255, 255, 255, 0.12);
	--m-app-border-soft: var(--m-app-divider);
	--m-app-hover-border: rgba(72, 231, 255, 0.22);
	--m-app-divider: rgba(255, 255, 255, 0.075);
	--m-app-shell-bg: #0f172a;
	--m-app-shell-bg-strong: #020617;
	--m-app-shell-bg-soft: #1f2937;
	--m-app-shell-fg: #ffffff;
	--m-app-shell-muted: rgba(255, 255, 255, 0.72);
	--m-app-shell-border: rgba(255, 255, 255, 0.12);
	--m-app-shell-hover: rgba(255, 255, 255, 0.08);
	--m-app-shell-active: rgba(255, 255, 255, 0.11);
	--m-app-gradient-soft: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018));
	--m-app-gradient-ambient: radial-gradient(circle at 18% 16%, rgba(148, 163, 184, 0.045), transparent 34rem), radial-gradient(circle at 82% 12%, rgba(203, 213, 225, 0.035), transparent 30rem);
	--m-app-shadow-sm: 0 0.35rem 0.85rem rgba(0, 0, 0, 0.22);
	--m-app-shadow-md: 0 0.85rem 2rem rgba(0, 0, 0, 0.3);
	--m-app-shadow-lg: 0 1.35rem 3rem rgba(0, 0, 0, 0.38);
	--m-app-focus-ring: 0 0 0 0.16rem rgba(72, 231, 255, 0.13);
	--m-app-backdrop-bg: rgba(0, 0, 0, 0.52);
	--m-app-shell-shadow: 0 0.55rem 1.35rem rgba(0, 0, 0, 0.28);
	--m-app-shell-side-shadow: 0.75rem 0 1.65rem rgba(0, 0, 0, 0.24);
	--m-app-field-bg: var(--m-app-bg);
	--m-app-field-fg: var(--m-app-ink);
	--m-app-field-border: rgba(255, 255, 255, 0.14);
	--m-app-field-focus-bg: var(--m-app-bg-soft);
	--m-app-field-focus-border: rgba(72, 231, 255, 0.42);
	--m-app-action-bg: var(--m-app-bg-soft);
	--m-app-action-border: rgba(255, 255, 255, 0.14);
	--m-app-action-hover-bg: rgba(72, 231, 255, 0.06);
	--m-app-action-hover-border: rgba(72, 231, 255, 0.26);
	--m-app-action-hover-shadow: 0 0 0 0.14rem rgba(72, 231, 255, 0.09);
}