/* Skyloc Dentec global design tokens. Reuse across every page. */
:root{--color-primary:#0B2545;--color-accent:#0A7A7A;--color-accent-hover:#085F5F;--color-bg:#FFFFFF;--color-surface:#F4F7FB;--color-text:#1A1A2E;--color-text-muted:#6B7A99;--color-border:#E2E8F0;--color-badge-bg:#E6F4F4;--color-badge-text:#0A7A7A;--color-white:#FFFFFF;--color-footer-text:#A0AEC0;--font-heading:'DM Sans',sans-serif;--font-body:'Inter',sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-hero:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(11,37,69,.06);--shadow-md:0 4px 16px rgba(11,37,69,.10);--shadow-lg:0 8px 32px rgba(11,37,69,.14);--content-width:1200px;--section-padding-y:clamp(var(--space-12),6vw,var(--space-20));--section-padding-x:clamp(var(--space-4),4vw,var(--space-8))}