/* ==========================================================================
   CASONA ATELIER - DESIGN TOKENS (BRIEF VISUAL APROBADO)
   ========================================================================== */

:root {
  /* Color Dominante (80–85% Blanco) */
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #FAFAF8;

  /* Color Estructural (10–15% Negro Carbón & Grises) */
  --color-charcoal: #161616;
  --color-charcoal-alt: #1A1A1A;
  --color-gray-dark: #444444;
  --color-gray-medium: #808080;
  --color-gray-border: #E8E8E5;

  /* Color Secundario Oficial (5% Azul Petróleo Acento) */
  --color-petrol: #1F4E5F;
  --color-petrol-hover: #183F4C;
  --color-petrol-soft: #2B5F6D;

  /* Estados Operativos Discretos */
  --status-disponible: #2E6B40;
  --status-encargo: #1F4E5F;
  --status-desarrollo: #444444;
  --status-espera: #8C3A2B;
  --status-unica: #161616;

  /* Tipografías */
  --font-serif: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Contenedores y Grilla */
  --container-max-width: 1320px;
  --container-padding: 24px;

  /* Espaciado Vertical de Secciones */
  --section-padding-desktop: 110px;
  --section-padding-mobile: 64px;

  /* Bordes & Sombras */
  --border-fine: 1px solid var(--color-gray-border);
  --border-radius: 0px; /* Estética marcadamente editorial / recta */
  --border-radius-soft: 2px;

  /* Transiciones */
  --transition-fast: 200ms ease;
  --transition-normal: 350ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 480px) {
  :root {
    --container-padding: 16px;
  }
}