/*
  Hey Roofer colour palettes (round 3, Oct 2026). Used by the 01b/01c, 04b/04c and 09b/09c variations.
  A page picks its default with <html data-palette="sky">; assets/palette.js lets ?palette=forest override it.
  Pages must only use these variables for brand colours, so every page works in every palette.
  All text pairs below are contrast-checked (≥ 4.5:1).

  TOKENS
  --c-ink          main text, headings, dark brand colour
  --c-ink-2        secondary text (on --c-bg and --c-bg-alt)
  --c-bg           page background         --c-bg-alt   alternate section background
  --c-surface      cards                   --c-line     hairlines and borders
  --c-accent       the palette colour: big shapes, icons, illustration, highlights. NOT for small text on light.
  --c-accent-ink   text/icon colour to put ON --c-accent
  --c-accent-soft  pale tint of the accent (chips, badges, section washes)
  --c-action       button background       --c-action-ink  text on buttons   --c-action-hover
  --c-link         accent-coloured text/links on light backgrounds
  --c-dark         dark section / footer background
  --c-on-dark      text on --c-dark        --c-on-dark-2   secondary text on --c-dark
  --c-accent-on-dark  accent-coloured text/icons on --c-dark
  --c-star         rating stars
  --logo-mark / --logo-word                    logo colours on light
  --c-mark-on-dark / --c-word-on-dark          logo colours on dark (set --logo-mark/--logo-word to these inside dark areas)
  --c-wa / --c-wa-ink                          WhatsApp button (same in every palette)
*/
:root, [data-palette="signal"] {
  /* Signal: orange & navy, exactly as the supplied logo */
  --c-ink:#0D2D49; --c-ink-2:#4A5D70;
  --c-bg:#FFFFFF; --c-bg-alt:#F7F4EF; --c-surface:#FFFFFF; --c-line:#E6E1D9;
  --c-accent:#EE5928; --c-accent-ink:#FFFFFF; --c-accent-soft:#FDEBE3;
  --c-action:#C2410C; --c-action-ink:#FFFFFF; --c-action-hover:#A9380A;
  --c-link:#C2410C;
  --c-dark:#0D2D49; --c-on-dark:#FFFFFF; --c-on-dark-2:#B8C7D6; --c-accent-on-dark:#FF8A5C;
  --c-star:#EE5928;
  --logo-mark:#EE5928; --logo-word:#0D2D49; --c-mark-on-dark:#EE5928; --c-word-on-dark:#FFFFFF;
  --c-wa:#0F7A40; --c-wa-ink:#FFFFFF;
}
[data-palette="sky"] {
  /* Sky: navy & clear sky blue. Calm, clean, trustworthy */
  --c-ink:#0D2D49; --c-ink-2:#4A5D70;
  --c-bg:#FFFFFF; --c-bg-alt:#F1F6FB; --c-surface:#FFFFFF; --c-line:#DCE5EE;
  --c-accent:#2B8FE0; --c-accent-ink:#FFFFFF; --c-accent-soft:#E2EFFB;
  --c-action:#1565B8; --c-action-ink:#FFFFFF; --c-action-hover:#10579F;
  --c-link:#1565B8;
  --c-dark:#0D2D49; --c-on-dark:#FFFFFF; --c-on-dark-2:#B8C7D6; --c-accent-on-dark:#6CB8F5;
  --c-star:#F2A900;
  --logo-mark:#2B8FE0; --logo-word:#0D2D49; --c-mark-on-dark:#6CB8F5; --c-word-on-dark:#FFFFFF;
  --c-wa:#0F7A40; --c-wa-ink:#FFFFFF;
}
[data-palette="forest"] {
  /* Forest: deep green & warm gold on cream. Heritage, established */
  --c-ink:#16382D; --c-ink-2:#4D6159;
  --c-bg:#FBF9F3; --c-bg-alt:#F2EEE2; --c-surface:#FFFFFF; --c-line:#E3DDCC;
  --c-accent:#2E8B57; --c-accent-ink:#FFFFFF; --c-accent-soft:#E4F0E8;
  --c-action:#1E6B47; --c-action-ink:#FFFFFF; --c-action-hover:#185A3B;
  --c-link:#1E6B47;
  --c-dark:#16382D; --c-on-dark:#FFFFFF; --c-on-dark-2:#BFD0C7; --c-accent-on-dark:#E8C25A;
  --c-star:#C9971C;
  --logo-mark:#2E8B57; --logo-word:#16382D; --c-mark-on-dark:#E8C25A; --c-word-on-dark:#FFFFFF;
  --c-wa:#0F7A40; --c-wa-ink:#FFFFFF;
}
[data-palette="hivis"] {
  /* Hi-vis: charcoal & safety yellow. Bold, trade, can't miss it.
     Yellow is never text on white: buttons are yellow with charcoal text; links are charcoal, underlined in yellow. */
  --c-ink:#1C2127; --c-ink-2:#545C66;
  --c-bg:#FFFFFF; --c-bg-alt:#F6F5F0; --c-surface:#FFFFFF; --c-line:#E4E2DA;
  --c-accent:#FFC400; --c-accent-ink:#1C2127; --c-accent-soft:#FFF4CC;
  --c-action:#FFC400; --c-action-ink:#1C2127; --c-action-hover:#F0B400;
  --c-link:#1C2127;
  --c-dark:#1C2127; --c-on-dark:#FFFFFF; --c-on-dark-2:#C3C8CE; --c-accent-on-dark:#FFC400;
  --c-star:#F2B200;
  --logo-mark:#F2B200; --logo-word:#1C2127; --c-mark-on-dark:#FFC400; --c-word-on-dark:#FFFFFF;
  --c-wa:#0F7A40; --c-wa-ink:#FFFFFF;
}
[data-palette="teal"] {
  /* Teal: deep teal & sand. Modern, fresh, a little different */
  --c-ink:#0F3B44; --c-ink-2:#4F6A70;
  --c-bg:#FFFFFF; --c-bg-alt:#F5F0E8; --c-surface:#FFFFFF; --c-line:#E2E4DF;
  --c-accent:#17A2A0; --c-accent-ink:#FFFFFF; --c-accent-soft:#DDF3F1;
  --c-action:#0D7372; --c-action-ink:#FFFFFF; --c-action-hover:#0A605F;
  --c-link:#0D7372;
  --c-dark:#0F3B44; --c-on-dark:#FFFFFF; --c-on-dark-2:#BCD3D6; --c-accent-on-dark:#5FD3CF;
  --c-star:#E0A100;
  --logo-mark:#17A2A0; --logo-word:#0F3B44; --c-mark-on-dark:#5FD3CF; --c-word-on-dark:#FFFFFF;
  --c-wa:#0F7A40; --c-wa-ink:#FFFFFF;
}