/*
  Base color tokens extracted from the legacy Handy-Clean-Website stylesheets
  (main/header.css, main/footer.css, retail-sections/*.css, general/buttons/*.css,
  general/inputs/inputs.css, jobrouter-enquiry-form.css, site.css).

  --color-primary / --color-secondary are overridden per-site at build time from
  site.config.json's theme.primaryColor / theme.secondaryColor (build.js injects an
  inline <style> override in <head>). Everything else is a shared default any brand
  can override in its own css/ folder.
*/
:root {
    /* Brand (overridden per-site by build.js) */
    --color-primary: #4E85B5;
    --color-secondary: #E15554;

    /* Neutrals */
    --color-white: #ffffff;
    --color-background: #eeeeee;
    --color-surface: #ffffff;
    --color-border: #dddddd;
    --color-border-light: #eeeeee;

    /* Text */
    --color-text: #484848;
    --color-text-muted: #474747;
    --color-heading: #404040;
    --color-on-primary: #ffffff;
    --color-on-secondary: #ffffff;

    /* Links */
    --color-link: #337ab7;
    --color-link-hover: #23527c;

    /* Buttons / accents */
    --color-accent-skin: #FEE5BF;
    --color-accent-skin-text: #4f5c81;
    --color-accent-yellow: #FBD98E;

    /* State */
    --color-success: #2cbf55;
    --color-success-background: rgba(0, 255, 8, 0.15);
    --color-error: #cc0033;
    --color-error-background: #fce4e4;

    /* Overlays */
    --color-mobile-menu-background: rgb(244, 244, 244);
}
