/* Ambassador Hotel Berbera: brand tokens.
   Source: brand/AHB_Brand_Guidelines_Full_v1.0.pdf, section 03 Colour.
   Do not add colours outside this file. */
:root {
  /* Brand palette (guidelines, page 17) */
  --green: #056839;        /* Ambassador Green: master colour, headings, buttons. Pantone 349 C */
  --green-deep: #0E3B2A;   /* Deep Green: dark sections, footer, hover states */
  --terracotta: #B96438;   /* Berbera Terracotta: rules and highlights only. Never for the logo */
  --sand: #F5F1EA;         /* Sand: warm alternate background */
  --white: #FFFFFF;
  --ink: #1F2622;          /* Ink: body text */

  /* Functional neutrals for UI only (not brand colours) */
  --ink-muted: #57615A;    /* Secondary text. Passes AA on white and sand */
  --line: #DCDFD9;         /* Borders and dividers */
  --whatsapp: #25D366;     /* Third-party: WhatsApp's own green, for the WhatsApp glyph only */

  /* Accessible pairings (guidelines, page 18)
     PASS all text: white on green 6.9:1 · white on deep green 12.5:1 · green on sand 6.1:1 · ink on sand 13.7:1
     LARGE TEXT ONLY: terracotta on white 4.2:1 · white on terracotta 4.2:1
     DECORATION ONLY: terracotta on deep green 2.9:1
     NEVER: green on deep green 1.8:1 */

  /* Type: Montserrat only (guidelines, section 04)
     SemiBold 600 = headings and key numbers · Medium 500 = labels in capitals, buttons, captions · Regular 400 = body */
  --font: "Montserrat", Arial, sans-serif;
  --weight-body: 400;
  --weight-label: 500;
  --weight-heading: 600;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 2vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 3.5vw, 3.75rem);
  --leading-body: 1.55;
  --tracking-label: 0.2em;   /* "Medium capitals, tracked +200" */

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --radius: 2px;             /* Near-square: formal, not bubbly */
  --radius-pill: 999px;      /* Only for green location labels on photos */
  --logo-min-header: 280px;  /* Horizontal logo minimum width (guidelines, page 12) */
}