/* Direct Sails brand tokens, taken from www.direct-sails.com (Wix) on 2026-10-30.
   Font: the site uses Wix "Madefor Text"; this is the same family, released by Wix under the
   SIL OFL 1.1 (assets/fonts/OFL.txt) and self-hosted here. Variable font, weights 400–800. */

@font-face {
  font-family: "Wix Madefor Text";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/fonts/wix-madefor-text-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Wix Madefor Text";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/fonts/wix-madefor-text-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Colours as measured on the site */
  --ds-navy: #000052;        /* header (mobile solid; desktop is 50% over the hero video), secondary buttons */
  --ds-red: #ff2400;         /* CTA buttons, marquee text. Decorative use only: white on it is 3.8:1 */
  --ds-grey: #77878b;        /* footer panel, mobile menu. Decorative use only: white on it is 3.7:1 */
  --ds-text: #2d2727;        /* headings and body copy */
  --ds-peach: #ffc5aa;       /* active nav item on navy */
  --ds-white: #ffffff;

  /* Darkened for text contrast (WCAG AA 4.5:1); checked by tests/brand-contrast.test.js */
  --ds-red-text: #e02000;    /* red buttons with white text, red text on white (4.8:1) */
  --ds-grey-text: #66757a;   /* footer/menu panel behind white text (4.8:1) */

  /* Neutrals for the form (not on the site; chosen to sit with the palette) */
  --ds-muted: #5b6366;
  --ds-line: #d9dee0;
  --ds-field-border: #8a9497;
  --ds-surface: #f4f5f6;
  --ds-navy-tint: #ebebf5;

  /* Type */
  --ds-font: "Wix Madefor Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ds-fs-body: 1rem;         /* 16px, line-height 1.8 on the site's long copy */
  --ds-fs-nav: .875rem;       /* 14px bold, uppercase */
  --ds-fs-btn: .875rem;       /* 14px bold, uppercase (12px on mobile on the site; kept 14px here for legibility) */
  --ds-fw-regular: 400;
  --ds-fw-bold: 700;

  /* Shape */
  --ds-radius-pill: 100px;    /* all site buttons */
  --ds-radius-card: 10px;
  --ds-radius-field: 6px;
  --ds-header-h: 80px;        /* 111px at ≥ 1000px */
  --ds-btn-h: 50px;           /* 44–46px on mobile */
}