/*
Theme Name: Café Tango
Theme URI: https://cafetango.co.nz
Author: Kreiva Digital
Author URI: https://kreivadigital.co.nz
Description: Tema a medida para Café Tango — servicio de café móvil de especialidad para eventos en Canterbury, NZ. Landing de una sola página orientada a solicitudes de cotización. Diseño y desarrollo: Kreiva Digital.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cafe-tango
*/

/* ==========================================================================
   Fuentes (archivos en assets/fonts/)
   ========================================================================== */
@font-face {
  font-family: "Modesto Expanded";
  src: url("assets/fonts/ModestoExpandedLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circus Sideshow";
  src: url("assets/fonts/CircusSideshow.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("assets/fonts/Aileron-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("assets/fonts/Aileron-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Design tokens (del handoff)
   ========================================================================== */
:root {
  /* Colores */
  --ct-creme: #F3ECDE;
  --ct-morning: #F58754;   /* coral: CTAs, acentos, títulos Circus */
  --ct-coffee: #7B5942;
  --ct-leaf: #929536;
  --ct-sun: #F1C819;
  --ct-gold: #E7B52C;      /* fileteado: líneas, bordes, ornamentos */
  --ct-sky: #86B8D1;
  --ct-shadow: #1A1A1A;
  --ct-brown-1: #26201a;
  --ct-brown-2: #33271d;
  --ct-brown-3: #2b2621;
  --ct-card-bg: #fbf7ee;
  --ct-card-border: #ece2ce;
  --ct-card-border-2: #e2d8c4;
  --ct-text: #4a443b;
  --ct-text-soft: #6a6053;

  /* Tipografías */
  --ct-font-display: "Modesto Expanded", Georgia, serif;
  --ct-font-script: "Circus Sideshow", cursive;
  --ct-font-body: "Aileron", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Radios */
  --ct-radius-card: 16px;
  --ct-radius-img: 14px;
  --ct-radius-pill: 44px;

  /* Sombras */
  --ct-shadow-card: 0 12px 30px rgba(43,38,33,.1);
  --ct-shadow-hover: 0 26px 50px rgba(43,38,33,.22);
  --ct-shadow-img: 0 18px 40px rgba(43,38,33,.16);

  /* Transición hover */
  --ct-ease: .35s cubic-bezier(.2,.6,.2,1);

  /* Hero */
  --ct-overlay: .42;
}

/* ==========================================================================
   Reset / base mínimo (se ampliará con el CSS real del diseño)
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--ct-font-body);
  color: var(--ct-text);
  background: var(--ct-creme);
  line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--ct-font-display); font-weight: 300; }

/* Placeholder temporal — se reemplaza al maquetar cada sección */
.ct-scaffold-note {
  max-width: 720px;
  margin: 12vh auto;
  padding: 0 24px;
  text-align: center;
}
.ct-scaffold-note h1 { color: var(--ct-morning); font-size: clamp(2rem, 6vw, 3.5rem); }