/* Bikotic colours: FINAL, locked 28 Oct 2026.
   Source of truth: brand-guide.md. Don't add colours without Ben's sign-off. */

:root {
  /* Brand blue */
  --bk-hero-gradient: linear-gradient(135deg, #2B4A66, #142536);
  --bk-blue: #2B4A66;          /* links, icons, labels on light */
  --bk-navy: #142536;          /* sections on dark; footer in light layout */
  --bk-ink: #101D2B;           /* dark layout page background */
  --bk-deep: #0B1520;          /* dark layout footer */
  --bk-card-dark: #1B2F44;     /* cards on dark */
  --bk-panel-dark: #172838;    /* panels on dark */
  --bk-mist: #A9C4DC;          /* links and labels on dark */
  --bk-light-blue: #E9EFF5;    /* light layout section background */
  --bk-compare-text: #1F3A52;  /* text on the white "Compare bikes" button */

  /* Neutrals and text */
  --bk-white: #FFFFFF;
  --bk-panel: #F4F5F6;
  --bk-border: #E3E7EB;
  --bk-border-dark: #26405A;
  --bk-text: #141414;
  --bk-text-grey: #555555;
  --bk-text-on-dark: #F2F5F8;
  --bk-text-grey-on-dark: #A9B7C6;

  /* Buy button: affiliate links ONLY, white text */
  --bk-buy: #CE4C0D;
  --bk-buy-text: #FFFFFF;

  /* Bike data: bike 1 = sage, bike 2 = plum */
  --bk-bike1: #5E8F6E;             /* headers, lines, swatches on light */
  --bk-bike1-end: #3F6A4E;         /* header gradient end */
  --bk-bike1-on-dark: #8DBB9B;     /* lines, swatches on dark */
  --bk-bike1-tint: #EBF3EE;        /* price highlight row */
  --bk-bike1-tint-text: #3F6B4D;
  --bk-bike2: #7A3F6E;
  --bk-bike2-end: #4F2547;
  --bk-bike2-on-dark: #B36BA2;
  --bk-bike2-text: #6A3460;        /* plum text on light */
  --bk-bike1-gradient: linear-gradient(135deg, #5E8F6E, #3F6A4E);
  --bk-bike2-gradient: linear-gradient(135deg, #7A3F6E, #4F2547);
}