:root{
--color-primary:#000000;
--color-primary-hover:#111111;
--color-primary-soft:rgba(0,0,0,0.08);
--color-dark:#000000;
--color-text:#171717;
--color-bg:#fafafa;
--color-border:#e5e5e5;
--color-surface:#ffffff;
--color-muted:#525252;
--color-invert:#ffffff;

--font-family:"Inter",system-ui,Arial,sans-serif;
--font-hero:clamp(2.35rem,7vw,4rem);
--font-hero-weight:700;
--font-section:clamp(1.5rem,3vw,2rem);
--font-section-weight:600;
--font-subtitle:1.125rem;
--font-body:17px;
--font-small:14px;
--line-height:1.65;

--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-5:48px;
--space-6:64px;
--space-7:80px;

--section-padding-y:var(--space-6);
--section-padding-x:20px;
--container-max:1120px;

--radius-card:28px;
--radius-button:999px;
--radius-image:20px;
--radius-block:40px;

--shadow-card:none;
--shadow-card-hover:none;
--shadow-nav:none;
--shadow-input:0 0 0 3px var(--color-primary-soft);

--section-divider:transparent;

--transition-fast:0.2s ease;
--transition-base:0.25s ease;
--transition-slow:0.4s ease-out;

--icon-size:24px;
--icon-stroke:1.5;

--app-bar-height:64px;
}