@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");

/* Published theme overrides */
:root {
  --font-display: "Lexend", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --surface-radius: calc(var(--radius) + 16px);
  --surface-shadow: none;
  --surface-flat-shadow: none;
  --type-card-title-size: 1rem;
  --type-body-heading-size: 1.375rem;
}

:root {
  --card: oklch(1 0.06 160);
  --muted: oklch(0.95 0.045 213);
  --accent: oklch(0.945 0.13 130);
  --border: oklch(0.82 0.055 162);
  --popover: oklch(0.985 0 17);
  --primary: oklch(0.6 0.205 271);
  --secondary: oklch(0.89 0.085 283);
  --background: oklch(0.985 0.01 62);
  --gradient-hero: linear-gradient(135deg, var(--primary), var(--secondary));
  --gradient-timer: radial-gradient(circle at 50% 0%, var(--primary), var(--card));
  --scrim: color-mix(in oklab, var(--primary) 50%, transparent);
  --scrim-strong: color-mix(in oklab, var(--primary) 81%, transparent);
}

.theme-task {
  --card: oklch(1 0.07 132);
  --accent: oklch(0.915 0.155 69);
  --border: oklch(0.84 0.08 180);
  --primary: oklch(0.465 0.205 209);
  --secondary: oklch(0.89 0.085 142);
  --background: oklch(0.985 0.025 296);
}

.theme-compare {
  --card: oklch(1 0.045 110);
  --accent: oklch(0.805 0.14 328);
  --border: oklch(0.82 0.055 77);
  --popover: oklch(0.985 0.02 17);
  --primary: oklch(0.725 0.195 41);
  --secondary: oklch(0.925 0.105 61);
  --background: oklch(0.985 0.025 10);
  --secondary-foreground: oklch(0.555 0.095 57);
}