/* tokens/fonts.css */
/* sollant.com ships Lato. Lato's Vietnamese diacritics render poorly, so the Vietnam site uses Be Vietnam Pro (Google Fonts) — a humanist sans designed for Vietnamese with a very similar feel. Lato stays as first fallback for Latin-only contexts. */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,700;0,900;1,400&family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap");

/* tokens/colors.css */
:root{
/* Brand — from sollant.com style.css */
--sl-red-logo:#e60012;--sl-ink-logo:#231815;--sl-red:#d11621;--sl-red-hover:#b3121b;--sl-red-tint:#fbe8e9;
--sl-blue:#235787;--sl-blue-deep:#1e4b75;--sl-blue-hover:#1a4468;--sl-blue-tint:#e9f0f6;--sl-blue-light:#229fd8;
/* Neutrals */
--sl-ink-900:#1a1a1a;--sl-ink-800:#292929;--sl-ink-700:#303030;--sl-ink-600:#2b2b2b;--sl-gray-600:#686868;--sl-gray-500:#6d6d6d;--sl-gray-400:#999999;--sl-gray-300:#b9c0c8;--sl-gray-200:#dadada;--sl-gray-150:#e5e5e5;--sl-gray-100:#eaecee;--sl-gray-75:#f0f0f0;--sl-gray-50:#f9f9f9;--sl-white:#ffffff;
/* Semantic */
--brand-primary:var(--sl-blue);--brand-primary-hover:var(--sl-blue-hover);--brand-accent:var(--sl-red);--brand-accent-hover:var(--sl-red-hover);
--text-heading:var(--sl-ink-600);--text-body:var(--sl-gray-600);--text-muted:var(--sl-gray-400);--text-on-dark:var(--sl-white);--text-on-dark-muted:rgba(255,255,255,.79);--text-link:var(--sl-blue-deep);--text-link-hover:#111111;
--surface-page:var(--sl-white);--surface-card:var(--sl-white);--surface-subtle:var(--sl-gray-50);--surface-muted:var(--sl-gray-75);--surface-dark:var(--sl-ink-700);--surface-darker:var(--sl-ink-800);--surface-darkest:var(--sl-ink-900);--surface-primary:var(--sl-blue);--surface-accent:var(--sl-red);--surface-primary-tint:var(--sl-blue-tint);--surface-accent-tint:var(--sl-red-tint);
--border-default:var(--sl-gray-100);--border-strong:var(--sl-gray-200);--border-input:var(--sl-gray-150);--border-on-dark:rgba(255,255,255,.08);
--status-success:#2e8b57;--status-warning:#e0a100;--status-error:var(--sl-red);--status-info:var(--sl-blue-light);
}

/* tokens/typography.css */
:root{
--font-sans:"Be Vietnam Pro","Lato",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,Menlo,Consolas,monospace;
--fw-regular:400;/* @kind other */--fw-bold:700;/* @kind other */--fw-black:900;/* @kind other */
--fs-display:56px;--fs-h1:44px;--fs-h2:36px;--fs-h3:24px;--fs-h4:20px;--fs-h5:17px;--fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-eyebrow:12px;
--lh-tight:1.1;/* @kind other */--lh-heading:1.25;/* @kind other */--lh-body:1.618;/* @kind other */
--ls-eyebrow:.08em;/* @kind other */--ls-button:.04em;/* @kind other */
--type-display:var(--fw-black) var(--fs-display)/var(--lh-tight) var(--font-sans);
--type-h1:var(--fw-black) var(--fs-h1)/var(--lh-tight) var(--font-sans);
--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-sans);
--type-h3:var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-sans);
--type-h4:var(--fw-bold) var(--fs-h4)/var(--lh-heading) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-body-sm:var(--fw-regular) var(--fs-body-sm)/1.5 var(--font-sans);
--type-eyebrow:var(--fw-bold) var(--fs-eyebrow)/1 var(--font-sans);
--type-button:var(--fw-bold) var(--fs-body-sm)/1 var(--font-sans);
}
body{font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:none;transition:color .14s ease-out}a:hover{color:var(--text-link-hover)}

/* tokens/spacing.css */
:root{
--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;
--container-max:1200px;--container-pad:24px;--section-pad:var(--space-20);--grid-gap:var(--space-6);
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;
}

/* tokens/effects.css */
:root{
/* sollant.com uses 2px radii on buttons/inputs; 5px on CTA pills. Modernized scale keeps things square-ish. */
--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-full:999px;
--shadow-header:0 1px 2px 0 #e1e5ea;--shadow-card:0 2px 4px -2px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.1);--shadow-card-hover:0 8px 28px rgba(0,0,0,.14);--shadow-input-inset:0 1px 2px rgba(0,0,0,.12) inset;--shadow-focus:0 0 0 3px rgba(35,87,135,.25);
--overlay-dark:rgba(0,0,0,.55);--overlay-protect:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.8) 100%);/* @kind other */--press-darken:inset 0 0 0 120px rgba(0,0,0,.18);/* @kind shadow */
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */--dur-fast:.14s;/* @kind other */--dur-base:.3s;/* @kind other */
}