/* =========================================================
   Aino Yachts — shared brand tokens (all three variants)
   Brand book palette only: Aino Black #1A1A1A, Aino Grey #6B6B6B,
   Logo Grey #999999, Light Grey #F2F2F2, White. Photos bring the colour.
   Light version only (client choice, 28 Oct 2026). Ported from website/assets/css/brand.css.
   ========================================================= */

:root {
  /* brand book */
  --aino-black: #1A1A1A;
  --aino-grey: #6B6B6B;
  --logo-grey: #999999;
  --light-grey: #F2F2F2;
  --white: #FFFFFF;

  /* surfaces */
  --bg: #FFFFFF;            /* page */
  --bg-alt: #F2F2F2;        /* alternate sections, footer (Light Grey) */
  --bg-deep: #ECECEC;       /* one accent section (plan / enquiry); --muted on it = 4.5:1 (AA) */
  --bg-glass: rgba(255, 255, 255, .78);

  /* type */
  --ink: #1A1A1A;           /* headings: Aino Black */
  --text: #3A3A3A;          /* body: 11:1 on white */
  --muted: #6B6B6B;         /* labels, captions: Aino Grey, AA on white and F2F2F2 */
  --faint: #999999;         /* decorative only (logo grey) */

  --line: rgba(26, 26, 26, .14);
  --line-strong: rgba(26, 26, 26, .24);
  --on-photo: #FFFFFF;      /* text over photographs, same in both themes */
  --shade: 0, 0, 0;         /* rgb for photo overlays */

  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Jost", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}



/* Cormorant Garamond defaults to old-style figures ("9oft"); use lining figures for prices, sizes and stats */
html { font-variant-numeric: lining-nums; }

/* Guest count icon (a person), placed before the number wherever capacity is shown */
.pax { display: inline-block; width: .95em; height: .95em; margin-right: .3em; vertical-align: -.1em; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }