/*
 * Wasteland primitive tokens.
 * Hand-editable base layer. Overrides the base primitives for the
 * WASTELAND tenant; consumed by the shared semantic layer in tokens/tokens.css.
 * Loaded dynamically for WASTELAND, after the base.
 */
:root {
    /* colour */
    --colour-grey-white: #FFFFFF;
    --colour-grey-light: #F2F2F2;
    --colour-grey-medium: #E5E5E5;
    --colour-grey-dark: #828282;
    --colour-grey-black: #000000;
    --colour-brand-primary: #03BAE0;
    --colour-brand-primary-50: #03BAE07F;
    --colour-brand-primary-10: #03BAE019;
    --colour-brand-secondary: #C3FCFF;
    --colour-brand-secondary-50: #C3FCFF7F;
    --colour-brand-secondary-10: #C3FCFF19;
    --colour-brand-accent-1: #00C853;
    --colour-brand-accent-2: #FF3131;
    --colour-brand-accent-3: #FAF935;

    /* spacing */
    --spacing-0: 0px;
    --spacing-05: 2px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-13: 60px;
    --spacing-14: 80px;
    --spacing-15: 120px;

    /* radius */
    --radius-none: 0px;
    --radius-tiny: 3px;
    --radius-mini: 6px;
    --radius-small: 12px;
    --radius-medium: 60px;
    --radius-large: 120px;

    /* type family */
    --type-family-family-title: 'Anton';
    --type-family-family-body: 'Acumin Pro';
    --header-font: 'Anton';

    /* type size */
    --type-size-1: 12px;
    --type-size-2: 14px;
    --type-size-3: 16px;
    --type-size-4: 18px;
    --type-size-5: 20px;
    --type-size-6: 22px;
    --type-size-7: 24px;
    --type-size-8: 26px;
    --type-size-9: 32px;

    /* type weight */
    --type-weight-regular: 400;
    --type-weight-medium: 500;
    --type-weight-semi-bold: 600;
    --type-weight-bold: 700;
    --type-weight-extra-bold: 800;
    --type-weight-black: 900;

    /* stroke */
    --stroke-regular: 1px;
    --stroke-medium: 2px;
}

/** ----- PILL BUTTON — WLT ----- **/
/* WLT (P24 Bible) button design. Overrides the shared defaults in main.css;
   loads after main.css in the WLT build so equal-specificity rules win. */

/* Label uses the body font (Acumin Pro Bold) rather than the title/CTA font. */
.pill-button {
  font-family: var(--type-family-family-body) !important;
  font-weight: var(--type-weight-bold) !important;
}

/* Secondary — black fill, yellow label (Figma "Secondary" variant). */
.pill-button--secondary {
  background-color: var(--surface-surface-invert) !important;
  border-color: var(--stroke-stroke-tertiary) !important;
  color: var(--colour-brand-accent-3) !important;
}

.pill-button--secondary:hover:not(:disabled),
.pill-button--secondary:active:not(:disabled) {
  background-color: transparent !important;
  border-color: var(--stroke-stroke-tertiary) !important;
  color: var(--text-text-primary) !important;
}

/* Disabled — solid grey fill + light-grey label (Figma "Disabled" state),
   instead of the default opacity fade. Excludes the selected-state chip so it
   keeps its selection styling when rendered non-interactive. */
.pill-button:disabled:not(.pill-button--selected) {
  opacity: 1;
  background-color: var(--colour-grey-dark) !important;
  border-color: var(--colour-grey-dark) !important;
  color: var(--text-text-disabled) !important;
}

.footer-contact-us__title {
  color: var(--text-text-brand-primary) !important;
}

.footer-contact-us__hours {
  color: var(--text-text-primary) !important;
}

.user-menu__item {
  font-family: var(--type-family-family-body) !important;
}

.user-menu__name {
  font-family: var(--type-titles-subheader-family) !important;
  font-weight: var(--type-title-subheader-weight) !important;
}

.user-menu__edit, .user-menu__edit button, .dropdown-action-menu__label {
  font-family: var(--type-family-family-body) !important;
  font-weight: var(--type-other-body-alt-weight, 600) !important;
  text-transform: none !important;
  font-style: normal !important;
}