/* Hallmark · genre: modern-minimal · macrostructure: Workbench · design-system: design.md · designed-as-app
 * theme: Quiet · tone: native-utilitarian · anchor hue: green
 * pre-emit critique: P5 H5 E5 S5 R5 V5
 */
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("/fonts/manrope-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Manrope Fallback";
	src: local("Arial");
	ascent-override: 103.31%;
	descent-override: 29.07%;
	line-gap-override: 0%;
	size-adjust: 103.19%;
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/poppins-latin-400.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/fonts/poppins-latin-500.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/fonts/poppins-latin-600.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/poppins-latin-700.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins Fallback";
	src: local("Arial");
	ascent-override: 93.62%;
	descent-override: 31.21%;
	line-gap-override: 8.92%;
	size-adjust: 112.16%;
}

@theme inline {
	--font-sans:
		var(--font-poppins), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
		sans-serif;
	--font-display: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
	--font-mono: var(--font-geist-mono), ui-monospace, monospace;

	--color-background: var(--background);
	--color-foreground: var(--foreground);
	--color-card: var(--card);
	--color-card-foreground: var(--card-foreground);
	--color-popover: var(--popover);
	--color-popover-foreground: var(--popover-foreground);
	--color-primary: var(--primary);
	--color-primary-foreground: var(--primary-foreground);
	--color-secondary: var(--secondary);
	--color-secondary-foreground: var(--secondary-foreground);
	--color-muted: var(--muted);
	--color-muted-foreground: var(--muted-foreground);
	--color-accent: var(--accent);
	--color-accent-foreground: var(--accent-foreground);
	--color-destructive: var(--destructive);
	--color-destructive-foreground: var(--destructive-foreground);
	--color-border: var(--border);
	--color-input: var(--input);
	--color-ring: var(--ring);
	--color-sidebar: var(--sidebar);
	--color-sidebar-foreground: var(--sidebar-foreground);
	--color-sidebar-primary: var(--sidebar-primary);
	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
	--color-sidebar-accent: var(--sidebar-accent);
	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
	--color-sidebar-border: var(--sidebar-border);
	--color-sidebar-ring: var(--sidebar-ring);
	--color-event-blue: var(--event-blue);
	--color-event-teal: var(--event-teal);
	--color-event-amber: var(--event-amber);
	--color-event-rose: var(--event-rose);

	--radius-sm: calc(var(--radius) * 0.75);
	--radius-md: var(--radius);
	--radius-lg: calc(var(--radius) * 1.25);
	--radius-xl: calc(var(--radius) * 1.75);
	--radius-2xl: calc(var(--radius) * 2.25);
	--radius-3xl: calc(var(--radius) * 2.75);
	--radius-4xl: calc(var(--radius) * 3.25);
}

:root {
	color-scheme: light;
	--font-poppins: "Poppins", "Poppins Fallback", ui-sans-serif, system-ui, sans-serif;
	--font-manrope: "Manrope", "Manrope Fallback", ui-sans-serif, system-ui, sans-serif;
	--font-geist-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast: 120ms;
	--dur-medium: 220ms;
	--safe-area-top: env(safe-area-inset-top, 0px);
	--safe-area-right: env(safe-area-inset-right, 0px);
	--safe-area-bottom: env(safe-area-inset-bottom, 0px);
	--safe-area-left: env(safe-area-inset-left, 0px);
	--touch-target-min: 2.75rem;
	--mobile-tab-bar-height: 3.75rem;
	--background: oklch(0.995 0.001 145);
	--foreground: oklch(0.145 0.008 165);
	--card: oklch(1 0 0);
	--card-foreground: oklch(0.145 0.008 165);
	--popover: oklch(1 0 0);
	--popover-foreground: oklch(0.145 0.008 165);
	--primary: oklch(0.44 0.085 158);
	--primary-foreground: oklch(0.99 0.005 145);
	--secondary: oklch(0.97 0.002 145);
	--secondary-foreground: oklch(0.22 0.01 165);
	--muted: oklch(0.965 0.003 145);
	--muted-foreground: oklch(0.48 0.012 165);
	--accent: oklch(0.965 0.003 145);
	--accent-foreground: oklch(0.145 0.008 165);
	--destructive: oklch(0.55 0.2 25);
	--destructive-foreground: oklch(1 0 0);
	--border: oklch(0.91 0.003 145);
	--input: oklch(0.91 0.003 145);
	--ring: oklch(0.44 0.085 158);
	--radius: 0.375rem;
	--event-blue: oklch(0.52 0.1 250);
	--event-teal: oklch(0.56 0.09 195);
	--event-amber: oklch(0.64 0.11 75);
	--event-rose: oklch(0.56 0.12 32);
	--sidebar: oklch(1 0 0);
	--sidebar-foreground: oklch(0.28 0.01 165);
	--sidebar-primary: oklch(0.965 0.003 145);
	--sidebar-primary-foreground: oklch(0.145 0.008 165);
	--sidebar-accent: oklch(0.965 0.003 145);
	--sidebar-accent-foreground: oklch(0.145 0.008 165);
	--sidebar-border: oklch(0.91 0.003 145);
	--sidebar-ring: oklch(0.44 0.085 158);
	font-family: var(--font-sans);
}

.dark {
	color-scheme: dark;
	--background: oklch(0.12 0.006 165);
	--foreground: oklch(0.96 0.004 150);
	--card: oklch(0.16 0.007 165);
	--card-foreground: oklch(0.96 0.004 150);
	--popover: oklch(0.16 0.007 165);
	--popover-foreground: oklch(0.96 0.004 150);
	--primary: oklch(0.96 0.004 150);
	--primary-foreground: oklch(0.12 0.006 165);
	--secondary: oklch(0.22 0.008 165);
	--secondary-foreground: oklch(0.96 0.004 150);
	--muted: oklch(0.22 0.008 165);
	--muted-foreground: oklch(0.65 0.01 155);
	--accent: oklch(0.26 0.04 160);
	--accent-foreground: oklch(0.92 0.06 158);
	--destructive: oklch(0.66 0.19 25);
	--destructive-foreground: oklch(0 0 0);
	--border: oklch(1 0 0 / 9%);
	--input: oklch(1 0 0 / 12%);
	--ring: oklch(0.88 0.01 150);
	--event-blue: oklch(0.72 0.1 250);
	--event-teal: oklch(0.74 0.08 195);
	--event-amber: oklch(0.78 0.11 75);
	--event-rose: oklch(0.72 0.12 32);
	--sidebar: oklch(0.1 0.006 165);
	--sidebar-foreground: oklch(0.9 0.006 150);
	--sidebar-primary: oklch(0.96 0.004 150);
	--sidebar-primary-foreground: oklch(0.1 0.006 165);
	--sidebar-accent: oklch(0.24 0.04 160);
	--sidebar-accent-foreground: oklch(0.9 0.06 158);
	--sidebar-border: oklch(1 0 0 / 8%);
	--sidebar-ring: oklch(0.88 0.01 150);
}