/* ==============================================================
   JP BLOCK PAVING - SITE COLOURS
   Change a colour here and it updates everywhere on the site.
   Colours are hex codes (e.g. #1565d8). Keep text readable:
   white text needs a dark enough background.
   ============================================================== */
:root {
  /* Brand blue: buttons, highlights */
  --primary: #1565d8;
  --primary-foreground: #ffffff;   /* text on blue buttons */
  --primary-strong: #0f4fb0;       /* blue when hovered */
  --primary-bright: #82b4ff;       /* light blue text on the dark navy areas */

  /* Dark navy: hero, "Why choose", footer, mobile call bar */
  --ink: #0b1730;
  --ink-2: #13264d;
  --ink-foreground: #f5f7fb;       /* text on navy */
  --ink-muted: #b7c3d9;            /* softer text on navy */

  /* Light page areas */
  --background: #f4f6fa;           /* page background */
  --foreground: #0e1525;           /* main text */
  --card: #ffffff;                 /* cards and the form */
  --card-foreground: #0e1525;
  --secondary: #e5eaf2;            /* services section background */
  --muted: #e5eaf2;
  --muted-foreground: #4a5568;     /* grey text */
  --border: #d3dbe7;
  --input: #b9c4d6;                /* form field borders */
  --ring: #1565d8;                 /* keyboard focus outline */
  --destructive: #c0262d;          /* error messages */
}