/**
 * @file
 * Appliance Repairs Belfast (Secureatec) — brand colour styling for Dark+.
 *
 * Replaces the shipped pink palette with the site's established yellow-on-black.
 * Save over: darkplus/css/theme/color-local.css
 * Then set Appearance > Dark+ settings > Colour scheme = "Local".
 *
 * KEY DIFFERENCE FROM THE SHIPPED PINK SCHEME:
 * Pink at 59% lightness carries white text. Yellow at 50% does NOT — white on
 * #FFF200 fails contrast badly. So every *-contrast token that pointed at
 * --mt-color-base (near-white) has been flipped to --mt-color-base-contrast
 * (near-black). Do not flip these back.
 */
:root {
  /*base color*/
  --mt-color-base: #F6F9FC;
  --mt-color-base-dark: #F6F9FC;
  --mt-color-base-light: #F6F9FC;
  --mt-color-base-contrast: #14171D;
  --mt-color-base-value: 246, 249, 252;
  --mt-color-base-contrast-value: 20, 23, 29;

  /*primary color — brand yellow #FFF200*/
  --mt-color-primary: hsl(56.9, 100%, 50%);
  --mt-color-primary-dark: hsl(56.9, 100%, 42%);
  --mt-color-primary-light: hsl(56.9, 100%, 68%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 56.9, 100%, 50%;
  --mt-color-primary-dark-value: 56.9, 100%, 42%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);

  /*accent color*/
  --mt-color-accent: #f8f9fb;
  --mt-color-accent-dark: #f8f9fb;
  --mt-color-accent-light: #f8f9fb;
  --mt-color-accent-contrast: var(--mt-color-base-contrast);
  --mt-color-accent-contrast-value: var(--mt-color-base-contrast-value);

  /*secondary color — same yellow, this is what the landing page CSS reads*/
  --mt-color-secondary: hsl(56.9, 100%, 50%);
  --mt-color-secondary-dark: hsl(56.9, 100%, 42%);
  --mt-color-secondary-light: hsl(56.9, 100%, 68%);
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 56.9, 100%, 50%;

  /*tint background*/
  --mt-color-tint: #f1f1f1;
  --mt-color-tint-contrast: var(--mt-color-base-contrast);
  --mt-color-tint-contrast-value: var(--mt-color-base-contrast-value);

  /*shade background*/
  --mt-color-shade: hsl(225, 6%, 13%);
  --mt-color-shade-contrast: var(--mt-color-base);
  --mt-color-shade-contrast-value: var(--mt-color-base-value);

  /*dark colored background
    Pink used hsl(340,100%,25%). Yellow at 25% lightness goes muddy olive, so
    this is a near-black with a warm cast instead — reads as brand, not sludge.*/
  --mt-color-dark-colored: hsl(56.9, 26%, 11%);
  --mt-color-dark-colored-contrast: var(--mt-color-base);
  --mt-color-dark-colored-value: 56.9, 26%, 11%;
  --mt-color-dark-colored-contrast-value: var(--mt-color-base-value);

  /*colored background*/
  --mt-color-colored: var(--mt-color-primary);
  --mt-color-colored-contrast: var(--mt-color-primary-contrast);
  --mt-color-colored-value: var(--mt-color-primary-value);
  --mt-color-colored-contrast-value: var(--mt-color-primary-contrast-value);

  /*bright background*/
  --mt-color-bright: #ffffff;
  --mt-color-bright-contrast: var(--mt-color-base-contrast);
  --mt-color-bright-contrast-value: var(--mt-color-base-contrast-value);

  /*dark background*/
  --mt-color-dark: #000000;
  --mt-color-dark-contrast: var(--mt-color-base);
  --mt-color-dark-contrast-value: var(--mt-color-base-value);

  /*pattern background*/
  --mt-color-pattern: #ffffff;
  --mt-color-pattern-contrast: var(--mt-color-base-contrast);
  --mt-color-pattern-contrast-value: var(--mt-color-base-contrast-value);

  /*default background*/
  --mt-color-default: #14171D;
  --mt-color-default-light: #1C212A;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 20, 23, 29;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /*success*/
  --mt-color-success: #3E9300;
  --mt-color-success-dark: #547f1f;
  --mt-color-success-contrast: #ffffff;

  /*danger*/
  --mt-color-danger: #CC0000;
  --mt-color-danger-dark: #980a00;
  --mt-color-danger-contrast: #ffffff;

  /*warning
    Nudged to orange so warnings stay distinguishable from the brand yellow.*/
  --mt-color-warning: #E2630B;
  --mt-color-warning-dark: #B94D06;
  --mt-color-warning-contrast: #ffffff;

  /*forms*/
  --mt-form-border: rgba(var(--mt-color-base-value), 0.3);
  --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.2);
  --mt-form-border-focus: var(--mt-color-primary);
  --mt-form-border-focus-contrast: rgba(var(--mt-color-base-contrast-value), 1);
  --mt-form-color: var(--mt-color-base);
  --mt-form-color-contrast: var(--mt-color-base-contrast);
  --mt-form-label-color: rgba(var(--mt-color-base-value), 0.9);
  --mt-form-placeholder: rgba(var(--mt-color-base-value), 0.5);
  --mt-form-placeholder-contrast: rgba(var(--mt-color-base-contrast-value), 0.5);
  --mt-active-cell: hsla(var(--mt-color-primary-value), 0.12);

  /*Disabled and read only forms*/
  --mt-form-disabled-background-color: hsl(221deg 23% 20%);
  --mt-form-disabled-border-color: hsl(220deg 25% 20%);
  --mt-form-disabled-color: hsl(210deg 50% 98% / 20%);

  /*Disabled submit type — desaturated yellow, white text passes here*/
  --mt-submit-disabled-background-color: hsl(56.9, 22%, 34%);
  --mt-submit-disabled-border-color: hsl(56.9, 22%, 34%);
  --mt-submit-disabled-color: #fff;
}