/* Veltis Design System — single source of truth for design tokens.
   Consumed by landing/index.html and every internal page (e.g. herramientas/*).
   Inherit these variables; never re-declare :root tokens in a child page. */
:root{
  /* Brand core */
  --navy-950:#0A1730; --navy-900:#0E1F3D; --navy-800:#12284C; --navy-700:#1B3866;
  --navy-100:#E5E9F0; --navy-50:#F1F4F8;
  --teal-700:#1A7359; --teal-600:#208C6E; --teal-500:#27A582; --teal-100:#DCEFE9;
  --paper-100:#F5F4EC;
  --neutral-900:#15181C; --neutral-700:#3C4651; --neutral-500:#6B7682;
  --neutral-300:#C9D0D8; --neutral-200:#E4E8EC; --neutral-100:#F2F4F6; --white:#FFFFFF;
  /* Semantic */
  --text-strong:var(--navy-800); --text-body:var(--neutral-700); --text-muted:var(--neutral-500);
  --brand-accent:var(--teal-600); --brand-accent-hover:var(--teal-700);
  --surface-card:var(--white); --border-subtle:var(--neutral-200);
  /* Type */
  --font-display:"Montserrat",sans-serif; --font-body:"Inter",sans-serif;
  --tracking-eyebrow:0.14em;
  /* Spacing & shape */
  --container:1120px; --radius-md:8px; --radius-lg:12px; --radius-2xl:28px;
  --shadow-md:0 6px 20px -8px rgba(18,40,76,.18);
  --shadow-lg:0 18px 48px -16px rgba(18,40,76,.28);
  --shadow-accent:0 10px 28px -10px rgba(32,140,110,.55);
  --ease:cubic-bezier(.22,.61,.36,1);
}