:root {
    /* Primárias — azul-acinzentado (Design System, quadro 4003:515) */
    --color-primary-50: #F0F5F7;
    --color-primary-100: #E1EBEE;
    --color-primary-200: #C7DAE1;
    --color-primary-300: #ACD2D8;
    --color-primary-400: #8EB9CA;
    --color-primary-500: #709AAC;
    --color-primary-blue-gray: #709AAC;
    --color-primary-600: #5C8191;
    --color-primary-700: #486877;
    --color-primary-800: #354F5D;
    --color-primary-900: #223743;

    /* Secundárias — azul claro */
    --color-secondary-50: #F4FAFC;
    --color-secondary-100: #E9F5F8;
    --color-secondary-200: #C9E6F0;
    --color-secondary-300: #A9D7E8;
    --color-secondary-400: #9ECFE2;
    --color-secondary-500: #92C9E0;
    --color-secondary-light-blue: #92C9E0;
    --color-secondary-600: #79AEC3;
    --color-secondary-700: #6193A7;
    --color-secondary-800: #48788A;
    --color-secondary-900: #305D6E;

    /* Accent navy (Brand Color 3). O 500 é o navy já usado no site. */
    --color-accent-50: #F3F5F8;
    --color-accent-100: #E4E9F0;
    --color-accent-200: #CCD7E3;
    --color-accent-300: #A7BCCF;
    --color-accent-400: #6689AC;
    --color-accent-navy: #1D3052;
    --color-accent-600: #192845;
    --color-accent-700: #142037;
    --color-accent-800: #0F1829;
    --color-accent-900: #0A101C;

    /* Neutras. gray/600 do Design System é #475569; o frame da Home usa #4B5563. */
    --color-neutral-100: #F1F5F9;
    --color-neutral-200: #E2E8F0;
    --color-neutral-300: #CBD5E1;
    --color-neutral-400: #94A3B8;
    --color-neutral-500: #64748B;
    --color-neutral-base: #64748B;
    --color-neutral-600: #4B5563;
    --color-neutral-700: #334155;
    --color-neutral-800: #1E293B;
    --color-neutral-900: #0F172A;
    --color-bg-light: #F8FAFC;
    --color-text-dark: #334155;
    --color-white: #FFFFFF;

    /* Superfície do header, medida no frame 4115:1685 (#F7F9FC). */
    --color-surface-header: #F7F9FC;
    /* Borda superior do footer, medida no frame 4602:2038. Não está na escala do quadro. */
    --color-line-navy: #2D4263;
    /* Overline do hero Sobre (4602:2173). Não está na escala do quadro. */
    --color-signal-cyan: #81DCFF;
    /* Título "Artigos Recentes" no frame Blog (4581:1231). Fora da escala do quadro. */
    --color-ink: #111827;
    /* Texto corrido dos frames de Soluções. Fora da escala do quadro. */
    --color-ink-soft: #5E7084;
    /* Borda dos cards de Curadoria. Fora da escala do quadro. */
    --color-line-gray: #E5E7EB;

    --font-family-base: 'Poppins', sans-serif;

    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-100: 100px;
    --space-120: 120px;

    --radius-12: 12px;
    --radius-14: 14px;
    --radius-16: 16px;
    --radius-18: 18px;
    --radius-20: 20px;
    --radius-24: 24px;
    --radius-28: 28px;
    --radius-32: 32px;
    --radius-40: 40px;
    --radius-pill: 240px;

    /* Sombra do header medida no Figma: 0 8px 16px rgba(146, 201, 224, 0.16). */
    --shadow-header: 0 8px 16px color-mix(in srgb, var(--color-secondary-500) 16%, transparent);
    --shadow-card: 0 4px 24px color-mix(in srgb, black 4%, transparent);
    --shadow-media: 0 10px 40px color-mix(in srgb, black 10%, transparent);

    --transition-base: 0.3s ease;

    --container-content: 1352px;
    --container-header: 1399px;
    --container-gutter: 24px;

    /* Breakpoints desktop-first (spec 7.2). @media não lê custom property; os literais são 1279 / 1023 / 639. */
    --bp-laptop: 1279px;
    --bp-tablet: 1023px;
    --bp-mobile: 639px;

    --gradient-header: linear-gradient(86.44deg, var(--color-surface-header) 6.87%, var(--color-bg-light) 93.13%);
    --gradient-text-partners: linear-gradient(to right, var(--color-secondary-600), var(--color-secondary-900));
    --gradient-text-diff: linear-gradient(to right, var(--color-primary-700), var(--color-primary-900));
    --gradient-marquee: linear-gradient(to right, var(--color-primary-800), var(--color-primary-900));
    --gradient-text-marquee: linear-gradient(to right, var(--color-bg-light), var(--color-primary-100));
    --gradient-solutions: linear-gradient(55.21deg, var(--color-primary-500) 3.7%, var(--color-primary-700) 96.3%);
    --gradient-footer: linear-gradient(180deg, var(--color-primary-900) 0%, color-mix(in srgb, var(--color-primary-700) 0%, transparent) 100%);
    --gradient-company-hero: linear-gradient(70.92deg, var(--color-primary-900) 0.31%, var(--color-primary-500) 99.69%);
    --gradient-blog-hero: linear-gradient(90deg, var(--color-secondary-700) 0%, var(--color-secondary-900) 100%), linear-gradient(56.67deg, var(--color-secondary-900) 0.31%, var(--color-primary-500) 99.69%);
    --gradient-post-hero: linear-gradient(90deg, var(--color-primary-900) 38.72%, transparent 66.37%);
    --gradient-solution-hero: linear-gradient(96.19deg, color-mix(in srgb, var(--color-secondary-900) 48%, transparent) 0%, transparent 99.96%), linear-gradient(65.21deg, var(--color-primary-900) 0.31%, var(--color-primary-500) 99.69%), linear-gradient(65.21deg, var(--color-secondary-900) 0.31%, var(--color-primary-500) 99.69%);
    --gradient-solution-cta: linear-gradient(28.07deg, transparent 3.71%, color-mix(in srgb, var(--color-secondary-400) 24%, transparent) 96.29%), linear-gradient(56.02deg, var(--color-primary-900) 0.31%, var(--color-primary-500) 99.69%), linear-gradient(28.07deg, var(--color-secondary-700) 3.71%, var(--color-secondary-400) 96.29%);
    --gradient-diff-hover: linear-gradient(139deg, color-mix(in srgb, var(--color-secondary-500) 48%, transparent) 2%, transparent 54%);
}