/* Archivo, Archivo Narrow, and Inter are loaded via Google Fonts <link> tags in index.html */

:root{
--font-display:"Archivo",system-ui,sans-serif;
--font-body:"Inter",system-ui,sans-serif;
--font-narrow:"Archivo Narrow",system-ui,sans-serif;

--navy-900:#0B1F3A;
--navy-700:#21325C;
--lime-500:#C6F500;
--lime-300:#DDF966;
--blue-500:#3D9BE9;
--blue-700:#2F77B3;
--flash-white:#F5F7FA;
--flash-100:#F5F7FA;
--navy-200:#E4E1DE;
--flash-300:#D3D6DA;
--pure-white:#FFFFFF;
--navy-950:#060D18;
--text-muted:#5B6577;

--surface-page:var(--pure-white);
--surface-muted:var(--flash-white);
--surface-inverse:var(--navy-900);
--surface-card-inverse:var(--navy-700);
--surface-accent:var(--lime-500);

--text-primary:var(--navy-900);
--text-secondary:var(--navy-700);
--text-inverse:var(--flash-white);
--text-on-accent:var(--navy-900);
--text-link-hover:var(--blue-500);

--border-default:color-mix(in oklch,var(--navy-900) 14%,transparent);
--border-strong:var(--navy-900);
--border-accent:var(--navy-900);

--accent-primary:var(--lime-500);
--accent-primary-hover:var(--lime-300);
--accent-secondary:var(--blue-500);
--accent-secondary-hover:var(--blue-700);

--focus-ring:var(--navy-900);
--focus-ring-inner:var(--navy-900);
--focus-ring-outer:var(--lime-500);
--danger:#C4361F;
--success:#1E9E63;

--text-body-l:1.125rem;
--text-body-m:1rem;
--text-body-s:0.875rem;
--text-caption:0.75rem;

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;

--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--space-20:80px;--space-24:96px;--space-32:128px;

--radius-m:10px;--radius-full:999px;

--shadow-s:0 1px 2px color-mix(in oklch,var(--navy-900) 10%,transparent);
--shadow-m:0 4px 12px color-mix(in oklch,var(--navy-900) 12%,transparent);
--shadow-l:0 12px 32px color-mix(in oklch,var(--navy-900) 16%,transparent);

--ease-standard:cubic-bezier(0.2,0.8,0.2,1);
--duration-fast:120ms;
--duration-normal:200ms;
--duration-slow:340ms;
}
