/*
 * Sky Law – Theme Tokens
 * Centralización de variables de diseño en :root
 * Estas variables sirven como valores por defecto; los componentes pueden sobreescribirlas.
 */

:root {
  /* Marca básica */
  --black: #1a1a1a;
  --black-divider: #1a1a1a1f;
  --black-secondary: #1a1a1aA3;
  --green: #c6a96f; /* Ocre/Dorado corporativo */
  --white: #ffffff;
  --white-divider: #ffffff1f;
  --white-secondary: #b2b2b2; /* Gris claro */

  /* Accentos y estados comunes */
  --animation-color: #ff4400; /* Acento de botones/animaciones */
  --text-stroke-color: rgba(255, 255, 255, 0.6);

  /* Formulario de contacto */
  --color-bg: #000000;
  --color-surface: #353535;
  --color-text: #f5f3ef;
  --color-text-muted: rgba(245, 243, 239, .6);
  --color-accent: #ff4400;
  --color-accent-hover: #e03d00;
  --color-accent-focus: #ff9900;
  --color-sky: #c6a96f;
  --color-emphasis: #c6a96f;
  --color-border-visible: rgba(245, 243, 239, 0.4);
  --color-success: #1faa6b;
  --color-error: #ff5c5c;
  --radius: 14px;

  /* Reviews / utilidades específicas */
  --blue: #2869f6; /* usado en reviews-carousel */
  --sl-duration: 100s;
  --sl-direction: normal;

  /* Marquee (esperadas desde contenedor; aquí por defecto) */
  --skylaw-slider-color-primary: var(--black);
  --skylaw-slider-color-secundary: var(--green);
}

/*
 * Nota: los archivos CSS específicos (e.g., skylaw-cases.css) pueden redefinir
 * estas variables para su propio contexto. Este archivo no aplica estilos
 * directos, únicamente provee tokens de diseño.
 */