/*
 * custom.css — Brand theme override
 *
 * Leave this file empty to use the default Tessi theme.
 *
 * To apply a custom brand, redefine the --brand-* variables below using
 * html:root (specificity 0,1,1). This ensures your values override both the
 * default :root definitions in styles.css (0,1,0) and PrimeNG's runtime
 * :root injections (0,1,0), regardless of stylesheet load order.
 *
 * Only override the variables you need to change.
 *
 * Example:
 *
 *   html:root {
 *     --brand-primary-50:  #f0f9ff;
 *     --brand-primary-100: #e0f2fe;
 *     --brand-primary-200: #bae6fd;
 *     --brand-primary-300: #7dd3fc;
 *     --brand-primary-400: #38bdf8;
 *     --brand-primary-500: #0ea5e9;   ← main brand colour
 *     --brand-primary-600: #0284c7;
 *     --brand-primary-700: #0369a1;
 *     --brand-primary-800: #075985;
 *     --brand-primary-900: #0c4a6e;
 *     --brand-primary-950: #082f49;
 *
 *     --brand-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
 *     --brand-bg:       #f0f9ff;
 *     --brand-logo:     url('/assets/layout/images/logo-client.svg');
 *   }
 */

 /* Mutualia brand theme */
html:root {
  /* Primary scale — #74AF27 */
  --brand-primary-50:  #f3f9e8;
  --brand-primary-100: #e6f3d1;
  --brand-primary-200: #cde7a3;
  --brand-primary-300: #b0d571;
  --brand-primary-400: #91c24a;
  --brand-primary-500: #74AF27;
  --brand-primary-600: #5e9020;
  --brand-primary-700: #497119;
  --brand-primary-800: #345212;
  --brand-primary-900: #20330b;
  --brand-primary-950: #121f07;

  /* Hero gradient — primary green → secondary yellow-green */
  --brand-gradient:        linear-gradient(135deg, #74AF27 0%, #CAD400 100%);
  --brand-gradient-shadow: rgba(116, 175, 39, 0.25);
  --brand-shadow:          rgba(116, 175, 39, 0.35);
  --brand-shadow-hover:    rgba(116, 175, 39, 0.08);

  /* Brand-tinted surfaces */
  --brand-tint:          #f3f9e8;
  --brand-tint-hover:    #f8fdf2;
  --brand-surface:       #f4f8ef;
  --brand-border:        #cde7a3;
  --brand-border-subtle: #e6f3d1;
  --brand-divider:       #f3f9e8;

  /* Page background */
  --brand-bg: #f7faf3;

  /* Logo */
  --brand-logo: url('/layout/images/logo-client.svg');
}