:root{
--gray-0:#ffffff;
--gray-50:#fafafa;
--gray-100:#f5f5f7;
--gray-150:#f4f4f6;
--gray-200:#f1f1f3;
--gray-300:#ececed;
--gray-350:#e4e4e8;
--gray-400:#b0b1b6;
--gray-500:#a1a1a6;
--gray-600:#7c7d84;
--gray-700:#71757e;
--gray-800:#4b4c52;
--gray-900:#24252b;
--gray-950:#17181c;

--red-500:#e5484d;
--red-600:#d6453d;
--green-600:#1a7f37;

--color-bg:var(--gray-0);
--color-surface:var(--gray-0);
--color-surface-sunken:var(--gray-100);
--color-fg:var(--gray-950);
--color-fg-muted:var(--gray-700);
--color-fg-subtle:var(--gray-500);

--color-border:var(--gray-300);
--color-border-input:var(--gray-350);
--color-ring:var(--gray-500);

--color-secondary:var(--gray-150);
--color-secondary-fg:var(--gray-950);
--color-muted:var(--gray-100);
--color-muted-fg:var(--gray-700);
--color-accent:var(--gray-200);
--color-accent-fg:var(--gray-950);

--color-brand:var(--gray-950);
--color-brand-fg:var(--gray-0);
--color-brand-muted:var(--gray-200);

--color-destructive:var(--red-600);
--color-success:var(--green-600);
--color-call:var(--red-500);

--chart-1:var(--gray-950);
--chart-2:var(--gray-800);
--chart-3:var(--gray-600);
--chart-4:var(--gray-400);
--chart-5:#e4e4e7;

--font-sans:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

--text-xs:0.75rem;
--text-sm:0.8rem;
--text-base:0.875rem;
--text-md:0.9375rem;
--text-lg:1.0625rem;
--text-xl:1.25rem;
--text-2xl:1.5rem;
--text-3xl:1.875rem;

--leading-tight:1.25;
--leading-snug:1.375;
--leading-normal:1.5;
--leading-relaxed:1.625;

--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;

--tracking-tight:-0.015em;
--tracking-wide:0.06em;

--space-0-5:0.125rem;
--space-1:0.25rem;
--space-1-5:0.375rem;
--space-2:0.5rem;
--space-2-5:0.625rem;
--space-3:0.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.5rem;
--space-7:1.75rem;
--space-8:2rem;
--space-10:2.5rem;
--space-12:3rem;

--container-max:64rem;

--radius-base:0.3rem;
--radius-sm:calc(var(--radius-base) * 0.6);
--radius-md:calc(var(--radius-base) * 0.8);
--radius-lg:var(--radius-base);
--radius-xl:calc(var(--radius-base) * 1.4);
--radius-2xl:calc(var(--radius-base) * 1.8);
--radius-3xl:calc(var(--radius-base) * 2.2);
--radius-4xl:calc(var(--radius-base) * 2.6);
--radius-full:9999px;

--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
--shadow-md:0 4px 12px -2px rgb(0 0 0 / 0.08),0 2px 4px -2px rgb(0 0 0 / 0.04);
--shadow-ring:0 0 0 1px rgb(23 24 28 / 0.1);

--color-accent-brand:#3d4a8f;
}

@font-face{font-family:"JetBrains Mono";src:url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"JetBrains Mono";src:url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/webfonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"JetBrains Mono";src:url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/webfonts/JetBrainsMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

*{border-color:var(--color-border);box-sizing:border-box}
body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}
a{color:var(--color-fg);text-decoration:none}
a:hover{color:var(--gray-950);text-decoration:underline}