/* ============================================================
   CuadroEquino · Design Tokens
   Marca marchant equino · estética editorial premium + cinemático + heritage ibérico
   Hermana de DeCuadro.RAW · identidad propia (NO fusionada)
   ============================================================ */

:root {
  /* ---- Paleta base: tinta cálida (cinemático) + papel crema (editorial) ---- */
  --ink-900: #14110C;   /* near-black cálido · fondos cinemáticos */
  --ink-800: #1B1711;
  --ink-700: #241F17;
  --ink-600: #322A1F;

  --paper-50: #F6F0E3;  /* crema editorial */
  --paper-100: #EFE7D5;
  --paper-200: #E4D9C2;
  --paper-300: #D6C8AC;

  --line-cream: #C9B894; /* reglas sobre crema */
  --line-ink:   #3A3225; /* reglas sobre tinta */

  /* ---- Acentos heritage ---- */
  --gold-500: #B8923E;   /* oro quemado / latón antiguo · acento primario */
  --gold-400: #CDA85A;
  --gold-300: #E0C586;
  --oxblood-600: #6E2B2B; /* sangre seca · acento secundario */
  --oxblood-500: #8A3838;

  /* ---- Acento por caballo (ligado a la capa) ---- */
  --coat-manzanares: #B07A2E; /* bayo cabos negros → bronce dorado */
  --coat-genesis:    #A85730; /* colorado → terracota cobre */

  /* ---- Texto ---- */
  --text-on-ink:        #F1E9D8;
  --text-on-ink-muted:  #B7AB92;
  --text-on-ink-faint:  #7C7059;
  --text-on-paper:      #221B12;
  --text-on-paper-muted:#6A5C44;

  /* ---- Tipografía ---- */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "Spline Sans Mono", "SFMono-Regular", ui-monospace, monospace;

  /* Escala fluida (clamp) */
  --fs-display: clamp(2.75rem, 1.5rem + 6vw, 7rem);
  --fs-h1: clamp(2.25rem, 1.4rem + 4vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.4vw, 3rem);
  --fs-h3: clamp(1.3rem, 1.05rem + 1.2vw, 1.9rem);
  --fs-lead: clamp(1.1rem, 1rem + 0.5vw, 1.4rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --fs-small: 0.875rem;
  --fs-label: 0.74rem;

  /* ---- Espaciado / ritmo ---- */
  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 4rem);
  --maxw: 1280px;
  --maxw-prose: 64ch;

  /* ---- Curvas / sombras ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-soft: 0 10px 40px -12px rgba(20,17,12,0.45);
  --shadow-card: 0 24px 60px -28px rgba(20,17,12,0.55);

  /* ---- Radios (mínimos · editorial = bordes rectos predominan) ---- */
  --r-sm: 3px;
  --r-md: 6px;

  --frame-w: 1px; /* grosor de las reglas-marco doradas */
}

/* Grain overlay reutilizable (textura sutil de papel/film) */
:root {
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}