/* ============================================================
   Integra360 — Design System (tokens)
   Fuente única de verdad para colores, tipografía y espaciado.
   Estos tokens también guían el diseño de los correos HTML
   (replicados inline, ya que los clientes de correo no
   soportan CSS externo ni variables CSS).
   ============================================================ */

:root {
  /* --- Marca --- */
  --color-primary: #714b67;        /* Morado Odoo */
  --color-primary-dark: #5a3b52;
  --color-primary-light: #8d6a83;
  --color-primary-soft: #f3edf1;   /* Tinte muy claro para fondos */
  --color-accent: #00f0ff;         /* Cian (uso moderado) */
  --color-accent-dark: #00c4d1;

  /* --- Texto --- */
  --color-text: #1a202c;
  --color-text-soft: #2d3748;
  --color-muted: #718096;
  --color-inverse: #ffffff;

  /* --- Superficies --- */
  --color-bg: #ffffff;
  --color-bg-soft: #f7fafc;
  --color-bg-dark: #14101a;
  --color-border: #e2e8f0;

  /* --- Tipografía --- */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.9375rem;   /* 15px */
  --fs-base: 1.0625rem; /* 17px */
  --fs-lg: clamp(1.15rem, 1rem + 0.7vw, 1.35rem);
  --fs-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --lh-tight: 1.15;
  --lh-base: 1.6;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- Espaciado --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* --- Layout --- */
  --container: 1140px;
  --container-narrow: 760px;

  /* --- Radios --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* --- Sombras --- */
  --shadow-sm: 0 1px 2px rgba(16, 12, 20, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 12, 20, 0.08);
  --shadow-lg: 0 12px 32px rgba(113, 75, 103, 0.16);

  /* --- Transiciones --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
}