/* Aqua Tek colour tokens. Base values from "Identidad de Marca" (27.12.2024) + website skin (aquatek.css). */
:root{
  /* Brand palette (brand guidelines, p.4) */
  --at-azul-aquatek:#425A76;   /* Azul Aquatek — slate blue */
  --at-azul-marino:#3099C7;    /* Azul Marino — bright water blue (social bands) */
  --at-celeste-agua:#A0D0E4;   /* Celeste Agua — light aqua */
  --at-azul-oceano:#00306E;    /* Azul Océano — deep navy, website primary */
  --at-gris-moderno:#606163;   /* Gris Moderno — wordmark grey */
  --at-gris-oscuro:#282828;    /* Gris Oscuro — near-black text */
  --at-blanco:#FFFFFF;

  /* Interaction ramp (website skin --primary states) */
  --at-oceano-hover:#00A1F2;
  --at-oceano-active:#006EA6;

  /* Tints derived from palette */
  --at-celeste-50:#F1F8FB;
  --at-celeste-100:#E3F1F7;
  --at-celeste-200:#C9E5F0;
  --at-oceano-900:#001E45;

  /* Neutrals (website: #f5f5f5 grey-1, Bootstrap borders) */
  --at-gris-50:#F7F7F7;
  --at-gris-100:#F5F5F5;
  --at-gris-200:#E9E9EA;
  --at-gris-300:#D6D7D8;
  --at-gris-500:#909194;

  /* Semantic status */
  --at-success:#1F8A5B;
  --at-warning:#C98A0C;
  --at-danger:#C23B32;
  --at-info:var(--at-azul-marino);
  --at-whatsapp:#25D366;
  --at-whatsapp-hover:#128C7E;

  /* Semantic aliases */
  --color-primary:var(--at-azul-oceano);
  --color-primary-hover:var(--at-oceano-active);
  --color-primary-active:var(--at-oceano-900);
  --color-accent:var(--at-azul-marino);
  --color-accent-soft:var(--at-celeste-agua);
  --color-link:var(--at-azul-oceano);
  --color-link-hover:var(--at-oceano-hover);

  --text-strong:var(--at-gris-oscuro);
  --text-body:#4A4B4D;
  --text-muted:var(--at-gris-moderno);
  --text-on-dark:var(--at-blanco);
  --text-on-dark-muted:#C9D6E6;
  --text-brand:var(--at-azul-oceano);

  --surface-page:var(--at-blanco);
  --surface-alt:var(--at-gris-100);
  --surface-tint:var(--at-celeste-50);
  --surface-card:var(--at-blanco);
  --surface-dark:var(--at-azul-oceano);
  --surface-slate:var(--at-azul-aquatek);
  --surface-band:var(--at-azul-marino);

  --border-subtle:var(--at-gris-200);
  --border-default:var(--at-gris-300);
  --border-strong:var(--at-azul-oceano);
  --focus-ring:rgba(48,153,199,.45);
}