@import url("fonts.css");

/* Altiplano design tokens
   Brand manual is pending. Change colors and fonts here only. */

:root {
  /* Brand */
  --color-verde: #051A17;
  --color-arena: #dbd4c6;
  --color-dorado: #c2922b;

  /* Derived */
  --color-verde-deep: #051A17;
  --color-verde-soft: #051A17;
  --color-arena-soft: #e8e2d6;
  --color-arena-deep: #cfc6b5;
  --color-ink: #051A17;
  --color-ink-muted: #3A4E4C;
  --color-paper: #f4efe6;
  --color-white: #ffffff;
  --color-gold-soft: #d4b05a;

  /* Legacy aliases so existing pages can inherit the new palette */
  --altiYellow: var(--color-dorado);
  --altiGreen: var(--color-verde);
  --altiGray: var(--color-arena);
  --alti2Gray: #8a8376;
  --alti2Green: var(--color-verde-soft);

  /* Typography */
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

  --fs-display: clamp(2.15rem, 4vw, 3.5rem);
  --fs-title: clamp(1.7rem, 2.6vw, 2.5rem);
  --fs-subtitle: clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-body: 0.98rem;
  --fs-small: 0.78rem;
  --fs-nav: 0.68rem;

  --lh-display: 1.14;
  --lh-body: 1.65;

  /* Spacing */
  --space-section: clamp(4rem, 6.5vw, 6.5rem);
  --space-block: clamp(1.5rem, 2.8vw, 2.4rem);
  --gutter: clamp(1.5rem, 5.5vw, 6rem);
  --content: 980px;
  --content-wide: 1120px;

  /* Chrome */
  --header-height: 64px;
  --radius-s: 2px;
  --radius-m: 8px;
  --shadow-soft: 0 18px 50px rgba(5, 26, 23, 0.12);
  --transition: 280ms ease;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

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