/* assets/css/tokens.css: colors + fonts ONLY. The one file to edit to re-skin Alegria Trips.

   v9 (2026-10-19), from the client's final feedback document ("último feedback", 2026-10-18):
   - Style: Option B "Boutique y elegante" (square corners, uppercase buttons, thin lines, straight photos)
   - Typography: showcase style #38 "Luxury": Cinzel (headings) + Jost (text)
   - Colors: ONLY the selected palette below (no blue). Darker steps exist only where text needs contrast (WCAG AA). */
:root{
  /* Official palette (client, 2026-10-10, confirmed 2026-10-18) */
  --olive:       #526B50;   /* Verde oliva profundo: main color */
  --sage:        #AAB69A;   /* Verde salvia */
  --sand:        #E8CFA0;   /* Arena dorada */
  --terracotta:  #C98568;   /* Arcilla terracota */
  --bone:        #F8F3E8;   /* Hueso natural: main background */

  /* Steps of the official colors (contrast and depth only) */
  --olive-dark:  #3E523D;
  --olive-deep:  #2F3F2E;   /* footer, dark text panels */
  --terracotta-text: #94502F;   /* terracotta that passes AA as small text */
  --sand-light:  #F3E8D2;
  --sage-light:  #E7EBE0;

  /* Roles */
  --bg:          var(--bone);
  --paper:       #FFFDF8;
  --paper-2:     var(--sand-light);
  --ink:         #2A3328;   /* body text: olive-black */
  --heading:     var(--olive-deep);
  --muted:       #5C6458;
  --line:        #E0D7C2;
  --line-strong: #CFC4AB;

  --primary:     var(--olive);
  --primary-dark:var(--olive-dark);
  --on-primary:  #FFFDF8;
  --accent:      var(--terracotta);
  --accent-text: var(--terracotta-text);
  --link:        var(--olive-dark);
  --wa:          var(--olive);
  --wa-bg:       var(--sage-light);
  --tile:        var(--sage-light);
  --banner:      var(--olive);

  /* Footer credit colors (read by the EKY credit logo) */
  --footer-bg:   var(--olive-deep);
  --footer-fg:   var(--bone);

  /* Fonts (Google Fonts): showcase #38 "Luxury" */
  --font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --font-body:    'Jost', 'Futura', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Shape: Option B (square, thin lines, almost no shadow) */
  --max: 1180px;
  --radius-sm: 2px;
  --radius:    2px;
  --radius-lg: 2px;
  --pill:      2px;
  --shadow:    0 14px 34px -26px rgba(42,51,40,.35);
  --shadow-sm: none;
  --photo-shade: 27,35,26;   /* rgb of the dark olive overlay on photos */
}