/* Automation OS · tokens compartidos (landing, app y legal).
   Se carga antes que cualquier otra hoja. Ningún componente lleva colores literales fuera de aquí. */
:root{
  /* Superficies y texto (claro) */
  --bg:#f5f6f9; --surface:#ffffff; --surface-2:#eef1f6; --line:#e1e5ee; --line-2:#cdd3df;
  --fg:#0e1220; --muted:#556079; --subtle:#6f7890;
  /* Acento y semánticos */
  --accent:#3457f0; --accent-2:#2440c4; --accent-soft:#3457f01a; --on-accent:#ffffff;
  --mint:#0d8a69; --mint-soft:#109a761c;
  --amber:#9a6508; --amber-soft:#b9790c1c;
  --danger:#c23535; --danger-soft:#cf3d3d17;
  --violet:#7a4fd6; --violet-soft:#7a4fd61a;
  /* Tinta: hero, barra lateral, CTA final (igual en ambos temas) */
  --ink:#0a0e1a; --ink-2:#121829; --ink-3:#1a2238; --ink-line:#252e48;
  --ink-fg:#eef1fa; --ink-muted:#9aa4c0; --ink-accent:#7d96ff; --ink-mint:#45d9ad;
  --ink-cta:#4f6dff; --ink-cta-2:#3f5cf0; --ink-hl:#b9c7ff; --ink-glass:#ffffff10; --ink-glass-2:#ffffff1c;
  --shadow:0 1px 2px #0e122008,0 8px 28px -12px #0e122024;
  --on-mint:#ffffff; --on-amber:#ffffff;
  /* Monogramas de herramientas */
  --t-gmail:#d6453b; --t-gcal:#3b78e7; --t-sheets:#1f9d55; --t-wa:#22b35e; --t-cal:#3d6cf2; --t-stripe:#6359e9; --t-notion:#3a3a3a; --t-outlook:#1d6fd6; --t-hubspot:#f0743e; --t-holded:#e2405f;
  /* Tipografía */
  --f-ui:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-serif:"Instrument Serif",Georgia,serif;
  --f-mono:"Geist Mono",ui-monospace,Menlo,monospace;
  /* Movimiento */
  --ease:cubic-bezier(.23,1,.32,1);
  --spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);
  --r:16px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a0d16; --surface:#11151f; --surface-2:#171c29; --line:#232a3b; --line-2:#323b52;
  --fg:#edf0f7; --muted:#a0a9bf; --subtle:#7d869e;
  --accent:#6f8cff; --accent-2:#8ea5ff; --accent-soft:#6f8cff22; --on-accent:#0a0d16;
  --mint:#39d3a8; --mint-soft:#39d3a81f; --amber:#f0b34a; --amber-soft:#f0b34a1f; --danger:#ff6b6b; --danger-soft:#ff6b6b1f; --violet:#b296ff; --violet-soft:#b296ff1f;
  --ink:#06080f; --ink-2:#0d111d; --ink-3:#141a2a; --on-mint:#06120e; --on-amber:#1a1203;
  --shadow:0 1px 2px #0006,0 10px 30px -12px #000a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0a0d16; --surface:#11151f; --surface-2:#171c29; --line:#232a3b; --line-2:#323b52;
  --fg:#edf0f7; --muted:#a0a9bf; --subtle:#7d869e;
  --accent:#6f8cff; --accent-2:#8ea5ff; --accent-soft:#6f8cff22; --on-accent:#0a0d16;
  --mint:#39d3a8; --mint-soft:#39d3a81f; --amber:#f0b34a; --amber-soft:#f0b34a1f; --danger:#ff6b6b; --danger-soft:#ff6b6b1f; --violet:#b296ff; --violet-soft:#b296ff1f;
  --ink:#06080f; --ink-2:#0d111d; --ink-3:#141a2a; --on-mint:#06120e; --on-amber:#1a1203;
  --shadow:0 1px 2px #0006,0 10px 30px -12px #000a; color-scheme:dark}

.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
}