/**
 * Manual de marca — Grupo RozMam
 * Cargar después de bootstrap.css y antes de site.css.
 */
:root,
[data-bs-theme="light"] {
  /* ——— Paleta oficial ——— */
  --color-primary: #00aeef;
  --color-primary-rgb: 0, 174, 239;
  --color-secondary: #58595b;
  --color-secondary-rgb: 88, 89, 91;
  --color-accent-deep: #003b5c;
  --color-accent-deep-rgb: 0, 59, 92;
  --color-background-light: #e8e8e8;
  --color-background-light-rgb: 232, 232, 232;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-text: #000000;
  --color-text-rgb: 0, 0, 0;
  --color-text-secondary: #58595b;
  --color-text-on-dark: rgba(255, 255, 255, 0.92);
  --color-text-on-dark-muted: rgba(255, 255, 255, 0.72);

  /* Interacción */
  --color-primary-dark: var(--color-accent-deep);
  --color-primary-hover: #0099d4;
  --color-border-subtle: #d4d4d6;
  --color-border-strong: #b8b8bb;
  --color-focus-ring: rgba(0, 174, 239, 0.35);

  /* Elevación y forma */
  --shadow-xs: 0 1px 2px rgba(0, 59, 92, 0.06);
  --shadow-card: 0 0.25rem 0.75rem rgba(0, 59, 92, 0.08);
  --shadow-card-hover: 0 0.5rem 1.25rem rgba(0, 59, 92, 0.12);
  --shadow-navbar: 0 4px 20px rgba(0, 0, 0, 0.15);
  --shadow-footer: 0 -4px 24px rgba(0, 0, 0, 0.12);
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.28s cubic-bezier(0.4, 0, 0.2, 1);

  /* Tipografía — Montserrat en todo el sitio */
  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Footer */
  --footer-bg: var(--color-accent-deep);
  --footer-bg-bottom: #002a42;
  --footer-accent-line: var(--color-primary);

  /* ——— Bootstrap 5.3 ——— */
  --bs-blue: var(--color-primary);
  --bs-cyan: var(--color-primary);
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary: var(--color-secondary);
  --bs-secondary-rgb: var(--color-secondary-rgb);
  --bs-dark: var(--color-accent-deep);
  --bs-dark-rgb: var(--color-accent-deep-rgb);
  --bs-info: var(--color-primary);
  --bs-info-rgb: var(--color-primary-rgb);

  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--color-text);
  --bs-body-color-rgb: var(--color-text-rgb);
  --bs-body-bg: var(--color-background-light);
  --bs-body-bg-rgb: var(--color-background-light-rgb);

  --bs-emphasis-color: var(--color-text);
  --bs-emphasis-color-rgb: var(--color-text-rgb);
  --bs-secondary-color: rgba(var(--color-secondary-rgb), 0.88);
  --bs-secondary-color-rgb: var(--color-secondary-rgb);
  --bs-secondary-bg: #dcdcdc;
  --bs-secondary-bg-rgb: 220, 220, 220;
  --bs-tertiary-color: rgba(var(--color-secondary-rgb), 0.65);
  --bs-tertiary-color-rgb: var(--color-secondary-rgb);
  --bs-tertiary-bg: #f4f4f4;
  --bs-tertiary-bg-rgb: 244, 244, 244;

  --bs-link-color: var(--color-accent-deep);
  --bs-link-color-rgb: var(--color-accent-deep-rgb);
  --bs-link-hover-color: var(--color-primary);
  --bs-link-hover-color-rgb: var(--color-primary-rgb);

  --bs-border-color: var(--color-border-subtle);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.1);

  --bs-primary-text-emphasis: #00263b;
  --bs-secondary-text-emphasis: #3a3a3c;
  --bs-info-text-emphasis: #00263b;
  --bs-primary-bg-subtle: #ccf2fc;
  --bs-secondary-bg-subtle: #ececed;
  --bs-info-bg-subtle: #ccf2fc;
  --bs-primary-border-subtle: #66d6f7;
  --bs-secondary-border-subtle: #b0b0b2;
  --bs-info-border-subtle: #66d6f7;

  --bs-focus-ring-color: rgba(var(--color-primary-rgb), 0.35);
}

.text-dark {
  color: var(--color-text) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}