/* ==========================================================================
   marca.css — Identidad PANTON para la oficina.
   Paleta: negro #000000 · blanco #FFFFFF · dorado #C2A15F · dorado oscuro #8A6A2C
   gris claro #A3A3A3 · gris oscuro #555555 · placeholder #6E6E6E · rojo #E07A6B
   Oscuro por defecto; claro con <html data-theme="light">.
   ========================================================================== */
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-grotesk-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-grotesk-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-grotesk-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;

  --dorado: #c2a15f;
  --dorado-hover: #cfb072;
  --dorado-oscuro: #8a6a2c;
  --rojo: #e07a6b;

  --bg: #000000;
  --bg-2: #121212;
  --bg-3: #1c1c1c;
  --hover: #242424;
  --texto: #f4f1ea;
  --texto-2: #a3a3a3;
  --texto-3: #7d7d7d;
  --placeholder: #6e6e6e;
  --linea: rgba(255, 255, 255, 0.14);
  --campo-borde: rgba(255, 255, 255, 0.28);
  --sobre-dorado: #000000;
  --sombra: 0 12px 40px rgba(0, 0, 0, 0.55);
  --canvas-fondo: #050505;
  --canvas-luz: #15120b;
  --radio: 14px;
  --radio-s: 10px;
}

:root[data-theme="light"] {
  --bg: #ffffff;
  --bg-2: #f6f4ef;
  --bg-3: #ebe7de;
  --hover: #e4dfd3;
  --texto: #0b0b0b;
  --texto-2: #555555;
  --texto-3: #6e6e6e;
  --placeholder: #8a8a8a;
  --linea: rgba(0, 0, 0, 0.12);
  --campo-borde: rgba(0, 0, 0, 0.25);
  --dorado: #8a6a2c; /* en claro, el dorado oscuro da contraste suficiente sobre blanco */
  --dorado-hover: #765a24;
  --sobre-dorado: #ffffff;
  --sombra: 0 12px 40px rgba(0, 0, 0, 0.18);
  --canvas-fondo: #e9e5dc;
  --canvas-luz: #f6f2e8;
}