@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: linear-gradient(180deg, color-mix(in oklab, #00ccff 5.25%, transparent), transparent 60%);
  --app-bg-position: 0 0;
  --app-bg-repeat: no-repeat;
  --app-bg-size: auto;
  --app-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}
:root:not(.dark) {
  --color-inverse-on-surface: oklch(0.929 0.000 89.9);
  --color-inverse-primary: oklch(0.680 0.086 230.0);
  --color-inverse-surface: oklch(0.208 0.000 89.9);
  --color-on-primary: oklch(1.000 0.000 230.0);
  --color-on-primary-container: oklch(0.280 0.057 230.0);
  --color-on-secondary: oklch(0.200 0.030 316.4);
  --color-on-secondary-container: oklch(0.280 0.100 316.4);
  --color-on-surface: oklch(0.145 0.000 89.9);
  --color-on-surface-variant: oklch(0.422 0.000 89.9);
  --color-on-tertiary: oklch(0.200 0.030 109.8);
  --color-on-tertiary-container: oklch(0.280 0.100 109.8);
  --color-outline: oklch(0.554 0.000 89.9);
  --color-outline-variant: oklch(0.789 0.000 89.9);
  --color-primary: oklch(0.478 0.095 230.0);
  --color-primary-container: oklch(0.920 0.033 230.0);
  --color-secondary: oklch(0.627 0.307 316.4);
  --color-secondary-container: oklch(0.920 0.070 316.4);
  --color-surface: oklch(0.985 0.000 89.9);
  --color-surface-bright: oklch(0.985 0.000 89.9);
  --color-surface-container: oklch(0.968 0.000 89.9);
  --color-surface-container-high: oklch(0.956 0.000 89.9);
  --color-surface-container-highest: oklch(0.929 0.000 89.9);
  --color-surface-container-low: oklch(0.976 0.000 89.9);
  --color-surface-container-lowest: oklch(1.000 0.000 89.9);
  --color-surface-dim: oklch(0.869 0.000 89.9);
  --color-tertiary: oklch(0.919 0.200 109.8);
  --color-tertiary-container: oklch(0.920 0.070 109.8);
}
:root.dark {
  --color-inverse-on-surface: oklch(0.279 0.015 268.1);
  --color-inverse-primary: oklch(0.478 0.095 230.0);
  --color-inverse-surface: oklch(0.929 0.005 268.1);
  --color-on-primary: oklch(0.200 0.024 230.0);
  --color-on-primary-container: oklch(0.890 0.024 230.0);
  --color-on-secondary: oklch(0.200 0.030 316.4);
  --color-on-secondary-container: oklch(0.890 0.065 316.4);
  --color-on-surface: oklch(0.929 0.005 268.1);
  --color-on-surface-variant: oklch(0.684 0.005 268.1);
  --color-on-tertiary: oklch(0.200 0.030 109.8);
  --color-on-tertiary-container: oklch(0.890 0.050 109.8);
  --color-outline: oklch(0.554 0.016 268.1);
  --color-outline-variant: oklch(0.414 0.011 268.1);
  --color-primary: oklch(0.680 0.086 230.0);
  --color-primary-container: oklch(0.380 0.048 230.0);
  --color-secondary: oklch(0.777 0.180 316.4);
  --color-secondary-container: oklch(0.380 0.130 316.4);
  --color-surface: oklch(0.187 0.011 268.1);
  --color-surface-bright: oklch(0.414 0.011 268.1);
  --color-surface-container: oklch(0.250 0.011 268.1);
  --color-surface-container-high: oklch(0.290 0.011 268.1);
  --color-surface-container-highest: oklch(0.321 0.011 268.1);
  --color-surface-container-low: oklch(0.210 0.011 268.1);
  --color-surface-container-lowest: oklch(0.147 0.011 268.1);
  --color-surface-dim: oklch(0.187 0.011 268.1);
  --color-tertiary: oklch(0.820 0.180 109.8);
  --color-tertiary-container: oklch(0.380 0.100 109.8);
}
html:root .app-card {
  --app-card-bg: color-mix(in oklab, var(--color-surface-container) 70%, transparent);
  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);
}