/* =====================================================================
   TEMPLATE: THEME — brand swap point #2 (logo files are swap point #1).
   Web Shepherd mechanic template v1. For a new client you normally only
   change --brand-1 / --brand-2 (+ their hover/rgb lines) and the logo.
   FilAus: Philippine-flag palette — royal blue, deep maroon red, white.
   ===================================================================== */
:root {
  /* BRAND COLOUR 1 — primary action colour (Book / Call buttons, highlights).
     FilAus: deep maroon red (deeper than the logo's #D0212A, per Hyph). */
  --brand-1: #A3161F;
  --brand-1-hover: #BD1E28;
  --brand-1-rgb: 163, 22, 31;        /* same colour as r,g,b for focus glows */
  --on-brand-1: #FFFFFF;             /* text ON brand-1 buttons */

  /* BRAND COLOUR 2 — secondary (bands, icons, labels). FilAus: royal blue (logo #0038A8 / #1E429B). */
  --brand-2: #0038A8;
  --brand-2-bright: #6C93F0;         /* lighter tint of brand-2 for icons/text on dark bg (contrast) */

  /* Aliases used by styles.css — leave as is */
  --accent: var(--brand-1);
  --accent-hover: var(--brand-1-hover);
  --on-accent: var(--on-brand-1);
  --star: #FFFFFF;                   /* rating stars */

  /* Dark charcoal / navy base */
  --bg: #0D111E;
  --surface: #121829;
  --card: #192034;
  --line: #29324B;
  --text: #F3F5FA;
  --muted: #AEB6C8;

  /* Logo sizing (header uses img/logo-horizontal-dark.*, footer/hero use img/logo-dark.*) */
  --logo-height: 54px;
  --logo-height-mobile: 42px;

  /* Typography — system fonts (zero web-font requests = fast) */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Arial Black", "Helvetica Neue", Arial, system-ui, sans-serif;

  --radius: 10px;
  --maxw: 1180px;
}