@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/theme-fonts/1.woff2) format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/theme-fonts/2.woff2) format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/theme-fonts/3.woff2) format("woff2");}
html:root {
  --app-bg-image: radial-gradient(circle at 10% 20%, color-mix(in oklab, var(--color-primary) 35%, transparent), transparent 70%), radial-gradient(circle at 90% 30%, color-mix(in oklab, var(--color-secondary) 35%, transparent), transparent 70%), radial-gradient(circle at 50% 95%, color-mix(in oklab, var(--color-tertiary) 35%, transparent), transparent 70%);
  --app-bg-position: 0 0;
  --app-bg-repeat: no-repeat;
  --app-bg-size: auto;
  --app-control-radius: 0px;
  --app-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  --app-panel-radius: 0px;
  --app-radius-2xl: 0px;
  --app-radius-3xl: 0px;
  --app-radius-lg: 0px;
  --app-radius-md: 0px;
  --app-radius-sm: 0px;
  --app-radius-xl: 0px;
  --app-radius-xs: 0px;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --spacing: 0.225rem;
  --text-2xl: 1.8rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.7rem;
  --text-base: 1.2rem;
  --text-lg: 1.35rem;
  --text-sm: 1.05rem;
  --text-xl: 1.5rem;
  --text-xs: 0.9rem;
}
:root:not(.dark) {
  --color-error: oklch(0.637 0.249 20.7);
  --color-error-container: oklch(0.920 0.070 20.7);
  --color-info: oklch(0.721 0.163 239.3);
  --color-info-container: oklch(0.920 0.057 239.3);
  --color-inverse-on-surface: oklch(0.929 0.003 88.6);
  --color-inverse-primary: oklch(0.812 0.180 1.7);
  --color-inverse-surface: oklch(0.208 0.010 88.6);
  --color-on-error: oklch(0.200 0.030 20.7);
  --color-on-error-container: oklch(0.280 0.100 20.7);
  --color-on-info: oklch(0.200 0.030 239.3);
  --color-on-info-container: oklch(0.280 0.098 239.3);
  --color-on-primary: oklch(0.200 0.030 1.7);
  --color-on-primary-container: oklch(0.280 0.100 1.7);
  --color-on-secondary: oklch(0.200 0.030 218.9);
  --color-on-secondary-container: oklch(0.280 0.087 218.9);
  --color-on-success: oklch(0.200 0.030 151.8);
  --color-on-success-container: oklch(0.280 0.100 151.8);
  --color-on-surface: #101018;
  --color-on-surface-variant: #3a3446;
  --color-on-tertiary: oklch(0.200 0.030 127.5);
  --color-on-tertiary-container: oklch(0.280 0.100 127.5);
  --color-on-warning: oklch(0.200 0.030 86.6);
  --color-on-warning-container: oklch(0.280 0.100 86.6);
  --color-outline: #1a1a24;
  --color-outline-variant: #c9c0b4;
  --color-primary: oklch(0.662 0.244 1.7);
  --color-primary-container: oklch(0.920 0.070 1.7);
  --color-secondary: oklch(0.807 0.146 218.9);
  --color-secondary-container: oklch(0.920 0.051 218.9);
  --color-success: oklch(0.810 0.214 151.8);
  --color-success-container: oklch(0.920 0.070 151.8);
  --color-surface: #fffdf8;
  --color-surface-bright: oklch(0.994 0.007 88.6);
  --color-surface-container: #f9ecdf;
  --color-surface-container-high: #f4e2d2;
  --color-surface-container-highest: #ecd6c2;
  --color-surface-container-low: #fdf4ea;
  --color-surface-container-lowest: #ffffff;
  --color-surface-dim: oklch(0.878 0.007 88.6);
  --color-tertiary: oklch(0.919 0.234 127.5);
  --color-tertiary-container: oklch(0.920 0.070 127.5);
  --color-warning: oklch(0.850 0.174 86.6);
  --color-warning-container: oklch(0.920 0.061 86.6);
}
:root.dark {
  --color-error: oklch(0.787 0.180 20.7);
  --color-error-container: oklch(0.380 0.124 20.7);
  --color-info: oklch(0.820 0.147 239.3);
  --color-info-container: oklch(0.380 0.082 239.3);
  --color-inverse-on-surface: oklch(0.279 0.020 284.5);
  --color-inverse-primary: oklch(0.662 0.244 1.7);
  --color-inverse-surface: oklch(0.929 0.006 284.5);
  --color-on-error: oklch(0.200 0.030 20.7);
  --color-on-error-container: oklch(0.890 0.062 20.7);
  --color-on-info: oklch(0.200 0.030 239.3);
  --color-on-info-container: oklch(0.890 0.041 239.3);
  --color-on-primary: oklch(0.200 0.030 1.7);
  --color-on-primary-container: oklch(0.890 0.061 1.7);
  --color-on-secondary: oklch(0.200 0.030 218.9);
  --color-on-secondary-container: oklch(0.890 0.036 218.9);
  --color-on-success: oklch(0.200 0.030 151.8);
  --color-on-success-container: oklch(0.890 0.054 151.8);
  --color-on-surface: #f4f4f8;
  --color-on-surface-variant: #a8a4bc;
  --color-on-tertiary: oklch(0.200 0.030 127.5);
  --color-on-tertiary-container: oklch(0.890 0.059 127.5);
  --color-on-warning: oklch(0.200 0.030 86.6);
  --color-on-warning-container: oklch(0.890 0.043 86.6);
  --color-outline: #4a4a5e;
  --color-outline-variant: #2c2c3c;
  --color-primary: oklch(0.812 0.180 1.7);
  --color-primary-container: oklch(0.380 0.122 1.7);
  --color-secondary: oklch(0.820 0.131 218.9);
  --color-secondary-container: oklch(0.380 0.073 218.9);
  --color-success: oklch(0.820 0.180 151.8);
  --color-success-container: oklch(0.380 0.107 151.8);
  --color-surface: #0b0b12;
  --color-surface-bright: oklch(0.380 0.015 284.5);
  --color-surface-container: #16161f;
  --color-surface-container-high: #1e1e29;
  --color-surface-container-highest: #262633;
  --color-surface-container-low: #101018;
  --color-surface-container-lowest: #05050a;
  --color-surface-dim: oklch(0.153 0.015 284.5);
  --color-tertiary: oklch(0.820 0.180 127.5);
  --color-tertiary-container: oklch(0.380 0.117 127.5);
  --color-warning: oklch(0.820 0.156 86.6);
  --color-warning-container: oklch(0.380 0.087 86.6);
}
html:root .app-card {
  --app-card-bg: color-mix(in oklab, var(--color-surface) 50%, transparent);
  --app-card-blur: blur(12px);
  backdrop-filter: var(--app-card-blur, none);
  background-color: var(--app-card-bg);
}
html:root .app-header {
  --app-header-accent: var(--color-primary);
  --app-header-badge-fg: var(--color-on-primary);
  --app-header-bg: color-mix(in oklab, var(--color-surface) 60%, transparent);
  --app-header-blur: blur(12px);
  --app-header-border: color-mix(in oklab, var(--color-outline-variant) 40%, transparent);
  --app-header-fg: var(--color-on-surface);
  --app-header-fg-muted: var(--color-on-surface-variant);
}
