/* ARTIUM VII 3D — Tokens de diseño (paleta clara AVII, D-43; sustituye la de D-25)
   Fuente única de color. Cada combinación en uso se verifica en
   app/config/contraste.php (tests/run.php y la vista /marca/). */

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-standard-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Capa de familia ARTIUM VII: paleta oficial de la mascota AVII (D-43).
     Mismos nombres y valores en ARTIUM VII STUDIO (Macetas). El dorado #D4A017
     NO se usa como texto sobre fondo claro (2.2:1): solo ornamentos, rellenos
     y sobre negro (7.0:1). Para texto dorado se usan --c-brand y --c-link. */
  --avii-marfil: #F7F6F2;
  --avii-negro: #1E1E1E;
  --avii-dorado: #D4A017;
  --avii-gris: #D9D9D9;

  /* Superficies */
  --c-bg: #F7F6F2;
  --c-raised: #EFEDE6;
  --c-panel: #FFFFFF;
  --c-panel-hover: #F2F0EA;

  /* Texto */
  --c-text: #1E1E1E;
  --c-text-2: #3D3B36;
  --c-text-3: #5F5B52;

  /* Dorado: --avii-dorado es la referencia de identidad (ornamentos); --c-brand es
     su variante oscura accesible para iconos y texto; --c-link para enlaces */
  --c-brand: #8A6500;
  --c-link: #7A5A00;
  --c-btn: #1E1E1E;
  --c-btn-hover: #33312C;
  --c-btn-active: #000000;
  --c-on-btn: #F7F6F2;
  --c-focus: #8A6500;

  /* Líneas: decorativa (sin función) y de componente (>= 3:1) */
  --c-line: #D9D9D9;
  --c-line-strong: #86827A;

  /* Estados */
  --c-warn: #6E4A00;
  --c-warn-bg: #FBEFC9;
  --c-warn-line: #C9A54A;
  --c-ok: #1D6B3A;

  /* Tipografía */
  --f-display: "Archivo", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --f-text: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --f-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;

  --t-xs: 0.8125rem;
  --t-sm: 0.9375rem;
  --t-base: 1rem;
  --t-md: 1.125rem;
  --t-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --t-2xl: clamp(2rem, 1.35rem + 3vw, 3.75rem);

  /* Espaciado */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --seccion: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --gutter: 1rem;
  --ancho: 76rem;

  /* Forma */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --sombra: 0 1px 0 rgb(255 255 255 / 0.6) inset, 0 12px 32px -12px rgb(30 30 30 / 0.18);
  --sombra-alta: 0 1px 0 rgb(255 255 255 / 0.7) inset, 0 24px 48px -16px rgb(30 30 30 / 0.26);

  /* Movimiento: solo transform y opacity, 150–300 ms */
  --m-rapido: 150ms;
  --m-normal: 240ms;
  --m-curva: cubic-bezier(0.2, 0.7, 0.2, 1);

  --alto-encabezado: 4rem;
}

@media (min-width: 48em) {
  :root {
    --gutter: 1.5rem;
    --alto-encabezado: 4.5rem;
  }
}

@media (min-width: 64em) {
  :root {
    --gutter: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --m-rapido: 0ms;
    --m-normal: 0ms;
  }
}