/**
 * ANPA Ventín — tokens visuais autocontidos.
 *
 * As oito cores principais len primeiro a paleta de Blocksy. Deste xeito os
 * cambios gardados desde o Personalizador actualizan o tema sen editar CSS.
 * Cada token conserva un fallback ANPA para editor, previews e recuperacións.
 *
 * @package ANPA_Ventin_Child
 * @version 1.2.0
 */

:root {
  /* Paleta enlazada aos axustes do tema pai, sen modificalo. */
  --anpa-primary: var(--theme-palette-color-1, #2D6A4F);
  --anpa-secondary: var(--theme-palette-color-2, #52B788);
  --anpa-text-secondary: var(--theme-palette-color-3, #4B5563);
  --anpa-text: var(--theme-palette-color-4, #17211B);
  --anpa-border: var(--theme-palette-color-5, #E5E7EB);
  --anpa-surface-subtle: var(--theme-palette-color-6, #FAF8F3);
  --anpa-surface-accent: var(--theme-palette-color-7, #D8F3DC);
  --anpa-surface: var(--theme-palette-color-8, #FFFFFF);

  /* Escala derivada: segue a cor principal cando cambia no Personalizador. */
  --anpa-green-50: color-mix(in srgb, var(--anpa-primary) 7%, #FFFFFF);
  --anpa-green-100: var(--anpa-surface-accent);
  --anpa-green-200: color-mix(in srgb, var(--anpa-primary) 25%, #FFFFFF);
  --anpa-green-300: color-mix(in srgb, var(--anpa-primary) 38%, #FFFFFF);
  --anpa-green-400: color-mix(in srgb, var(--anpa-primary) 52%, #FFFFFF);
  --anpa-green-500: var(--anpa-secondary);
  --anpa-green-600: color-mix(in srgb, var(--anpa-primary) 86%, #FFFFFF);
  --anpa-green-700: var(--anpa-primary);
  --anpa-green-800: color-mix(in srgb, var(--anpa-primary) 78%, #081C15);
  --anpa-green-900: color-mix(in srgb, var(--anpa-primary) 42%, #081C15);

  --anpa-primary-hover: var(--anpa-green-800);
  --anpa-primary-active: var(--anpa-green-900);
  --anpa-text-body: var(--anpa-text-secondary);
  --anpa-text-muted: #53605A;
  --anpa-text-on-primary: #FFFFFF;

  /* Acento cálido: apoio visual, nunca substitúe os CTA verdes. */
  --anpa-accent: #E9C46A;
  --anpa-accent-strong: #8A5A00;
  --anpa-accent-soft: #FFF7E6;

  --anpa-border-strong: color-mix(in srgb, var(--anpa-border) 78%, var(--anpa-text));
  --anpa-shadow-sm: 0 2px 6px rgba(8, 28, 21, .07);
  --anpa-shadow-md: 0 10px 28px rgba(8, 28, 21, .10);
  --anpa-shadow-lg: 0 20px 48px rgba(8, 28, 21, .14);
  --anpa-focus-ring: 0 0 0 3px color-mix(in srgb, var(--anpa-primary) 35%, transparent);

  --anpa-space-1: 4px;
  --anpa-space-2: 8px;
  --anpa-space-3: 12px;
  --anpa-space-4: 16px;
  --anpa-space-5: 24px;
  --anpa-space-6: 32px;
  --anpa-space-7: 48px;
  --anpa-space-8: 64px;
  --anpa-space-9: 96px;

  --anpa-radius-sm: 6px;
  --anpa-radius-md: 10px;
  --anpa-radius-lg: 16px;
  --anpa-radius-pill: 999px;

  --anpa-font-heading: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --anpa-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --anpa-fw-body: 400;
  --anpa-fw-medium: 500;
  --anpa-fw-strong: 600;
  --anpa-label: clamp(.76rem, .72rem + .18vw, .86rem);
  --anpa-small: clamp(.875rem, .84rem + .12vw, .95rem);
  --anpa-h1: clamp(2.25rem, 5vw, 4rem);
  --anpa-h2: clamp(1.75rem, 3.2vw, 2.75rem);
  --anpa-h3: clamp(1.15rem, 2vw, 1.45rem);
  --anpa-transition: 180ms ease;

  --anpa-fn-login: #1967D2;
  --anpa-fn-login-hover: #14529E;
  --anpa-fn-danger: #B42318;
  --anpa-fn-danger-hover: #7A271A;
  --anpa-fn-error: #D63638;
  --anpa-fn-success: #007A33;
}