:root{
/* Slate — primary brand */
--slate-900:#182228;--slate-800:#243B46;--slate-700:#2E4854;--slate-600:#37535F;--slate-500:#46626F;--slate-300:#8FA8B2;--slate-100:#D8E4E6;--slate-50:#EDF4F4;
/* Teal — accent */
--teal-600:#1F9184;--teal-500:#2BB5A0;--teal-400:#43C7B3;--teal-100:#D7F2ED;--teal-50:#EBFAF7;
/* Neutrals */
--gray-900:#1F2933;--gray-600:#4B5563;--gray-400:#9AA3AD;--gray-200:#E5E7EB;--gray-100:#F3F5F6;--white:#FFFFFF;
/* Semantic */
--success:#1E9E6A;--warning:#E09E3A;--error:#CC4B4B;--info:var(--teal-600);
/* Aliases */
--brand:var(--slate-800);--accent:var(--teal-500);--accent-hover:var(--teal-600);
--text-heading:var(--slate-800);--text-body:var(--gray-600);--text-muted:var(--gray-400);--text-on-dark:#FFFFFF;--text-on-accent:#04302A;
--surface-page:#FFFFFF;--surface-tint:var(--slate-50);--surface-card:#FFFFFF;--surface-dark:var(--slate-800);
--border-default:var(--gray-200);--border-strong:var(--slate-300);
--link:var(--teal-600);--link-hover:var(--slate-800);
--rating:var(--teal-500);
}
:root{
--font-sans:'Sora',-apple-system,'Segoe UI',sans-serif;
/* Scale */
--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:29px;--text-3xl:36px;--text-4xl:44px;
/* Weights */
--w-regular:400;/* @kind font */--w-medium:500;/* @kind font */--w-semibold:600;/* @kind font */--w-bold:700;/* @kind font */--w-extrabold:800;/* @kind font */
/* Composites */
--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.6;
--tracking-display:-0.03em;--tracking-heading:-0.02em;--tracking-caps:0.12em;
}
body{font-family:var(--font-sans);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-body)}
h1,h2,h3,h4{color:var(--text-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-tight);margin:0}
a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}
:root{
/* Spacing — 4px base */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;
/* Radii */
--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:999px;
/* Shadows */
--shadow-card:0 1px 3px rgba(24,34,40,.08);--shadow-lifted:0 8px 24px rgba(24,34,40,.12);--shadow-focus:0 0 0 3px var(--teal-100);
/* Layout */
--container:1140px;
}