/* Design tokens extracted from sharkcagedivingtours.co.za (Travia Pro 7.1.3 theme options + style.css, 23 Oct 2026).
   Per-site values are overridden by the inline :root block that partials/head.php prints from sites/{site}.php. */
:root{
  /* colours */
  --color-primary:#1694d1; --color-primary-rgb:22,148,209;
  --color-accent:#ffb300;
  --color-text:#373735; --color-heading:#212121; --color-muted:#929292;
  --color-button-hover:#212121;
  --color-topbar-bg:rgba(0,0,0,.2); --color-nav-dropdown-bg:rgba(0,0,0,.7);
  --color-footer-bg:#000; --color-footer-text:#979797; --color-copyright-bg:#0e0e0e;
  --color-page-bg:#fff; --color-loader-bg:#fff;
  --color-border:#dbdbdb; --color-tab-bg:#f2f2f2; --color-tab-border:#bbbbbb;

  /* type (live sizes) */
  --font-body:'Assistant',sans-serif; --font-heading:'Roboto Condensed',sans-serif;
  --font-nav:'Roboto',sans-serif; --font-display:'Oswald',sans-serif;
  --fs-body:16px; --fs-h1:40px; --fs-h2:33px; --fs-h3:23px; --fs-h4:20px; --fs-h5:17px; --fs-h6:15px;
  --fs-page-title:30px; --fs-hero:62px; --fs-nav:15px; --fs-nav-desktop:16px; --fs-kicker:17px; --fs-price:21px; --fs-footer-h:26px;
  --lh-body:1.6;

  /* spacing / layout (live: container 1170px, sections 70px, content 40px, card gap ~40px) */
  --container:1170px; --gutter:20px;
  --space-section:70px; --space-content:40px; --space-card-gap:40px;
  --space-1:5px; --space-2:10px; --space-3:15px; --space-4:20px; --space-5:30px; --space-6:45px;

  /* components */
  --logo-height:50px; --header-pad:27px; --hero-height:100vh; --hero-min:498px; --inner-hero-height:400px;
  --radius-pill:30px; --radius:0; --btn-pad:14px 20px; --btn-pill-pad:14px 45px;
  --transition:.4s ease;

  /* tour cards (per site: $SITE['tokens'] in sites/{key}.php) */
  --container-cards:1320px;          /* wider row for the card grid */
  --card-cols-max:3;                 /* at most this many cards per row */
  --card-min:300px;                  /* never narrower than this (fewer columns instead) */
  --card-gap:32px;
  --card-radius:16px;
  --card-media-ratio:4/3;            /* taller than live 360/314 relative to the wider card */
  --card-shadow:0 6px 24px rgba(0,0,0,.06);
  --card-shadow-hover:0 12px 32px rgba(0,0,0,.10);
  --card-lift:-3px;
  --card-pad:22px 24px 24px;

  /* main menu */
  --nav-color:#fff; --nav-color-hover:#fff; --nav-color-current:#fff;
  --nav-weight:400; --nav-weight-active:700;
}