/* Owl Meetings — tokens de diseño compartidos por la web pública, el área de cliente,
   la landing VSL y la página de gracias. Fuente: Empresas Animal Business Holding\
   Owl Meetings\_fuente_marca\FICHA_MAESTRA.md §3.2 (paleta muestreada del logo real).
   Este fichero NO lleva reglas de componentes: solo variables. */
:root {
  /* Marca — la web de Owl vive sobre negro (FICHA §3.1) */
  --ow-black: #000000;  /* el negro del logo: fondo del héroe y del pie */
  --ow-ink:   #0B0B0D;  /* Tinta: cuerpo de la web */
  --ow-slate: #141519;  /* Pizarra: secciones alternas */
  --ow-coal:  #1C1D23;  /* Carbón: tarjetas */
  --ow-line:  #2A2C34;  /* Bordes sobre oscuro */
  --ow-line-2: rgba(198,162,108,.22); /* Filete de oro */

  --ow-gold:    #C6A26C;  /* Oro de marca: la «O», las cejas. CTA, enlaces, acentos */
  --ow-gold-lo: #8C7046;  /* Oro sombra: degradados y pressed */
  --ow-gold-hi: #F0D398;  /* Oro brillo: remate de degradado y focos */
  --ow-amber:   #E3A251;  /* Ámbar del iris: cifras y estado «vivo» */

  --ow-white:   #FFFFFF;  /* «WL MEETINGS» */
  --ow-mist:    #B9BCC4;  /* Texto secundario sobre oscuro (AA sobre tinta) */
  --ow-feather: #7C818D;  /* Texto terciario sobre oscuro, solo >= 16 px */
  --ow-ivory:   #F2EDE3;  /* Marfil: bloques claros cálidos */
  --ow-paper:   #FAFAF8;  /* Papel: el único fondo claro admitido */
  --ow-ink-on-paper: #15161A; /* Texto sobre papel/marfil */
  --ow-muted-on-paper: #55575F; /* Secundario sobre papel (AA) */
  --ow-line-paper: #E2DED4;

  /* Estados (solo UI) */
  --ow-ok:   #3FA97A;  --ow-ok-bg:   rgba(63,169,122,.14);
  --ow-warn: #D9A441;  --ow-warn-bg: rgba(217,164,65,.14);
  --ow-err:  #E0674F;  --ow-err-bg:  rgba(224,103,79,.14);
  --ow-rec:  #E3564A;  /* SOLO el punto de grabación. Nunca decorativo */

  /* Degradados de marca */
  --ow-grad-gold:  linear-gradient(135deg, #8C7046 0%, #C6A26C 45%, #F0D398 100%);
  --ow-grad-night: linear-gradient(170deg, #000000 0%, #0B0B0D 45%, #17130C 130%);
  --ow-grad-eye:   radial-gradient(circle at 50% 45%, #F0D398 0%, #E3A251 38%, #8C7046 70%, transparent 78%);

  /* Tipografía (FICHA §3.3) */
  --ow-font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --ow-font-text: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --ow-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;
  --ow-track-caps: .28em; /* rótulos en versalitas, como MEETINGS en el logo */

  /* Escala */
  --ow-radius-s: 8px; --ow-radius: 14px; --ow-radius-l: 24px;
  --ow-shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 6px 22px rgba(0,0,0,.36);
  --ow-shadow-2: 0 24px 70px rgba(0,0,0,.62);
  --ow-glow: 0 0 0 1px rgba(198,162,108,.30), 0 10px 44px rgba(198,162,108,.16);
  --ow-focus: 0 0 0 3px rgba(227,162,81,.60);
  --ow-max: 1200px;
  --ow-tap: 44px; /* objetivo táctil mínimo */
}