/**
 * Do not edit directly, this file was auto-generated.
 */

@custom-variant wbc (&:where([data-brand=wbc], [data-brand=wbc] *));

@layer theme {
    [data-brand="wbc"] {
      /* Primitive Colors */
      --mono-white: #ffffff;
      --mono-black: #000000;
      --wbc-muted-50: #f9f9fa;
      --wbc-muted-100: #f5f5f6;
      --wbc-muted-200: #dedee1;
      --wbc-muted-300: #b6b6bc;
      --wbc-muted-400: #8e8d98;
      --wbc-muted-500: #706f7c;
      --wbc-muted-600: #5b5b6a;
      --wbc-muted-700: #464651;
      --wbc-muted-800: #323238;
      --wbc-muted-900: #1c1c1f;
      --wbc-muted-950: #161619;
      --wbc-primary-50: #fff0f0;
      --wbc-primary-100: #facccb;
      --wbc-primary-200: #f46e69;
      --wbc-primary-300: #f1423c;
      --wbc-primary-400: #ee221b;
      --wbc-primary-500: #da1710;
      --wbc-primary-600: #b9140e;
      --wbc-primary-700: #99100b;
      --wbc-primary-800: #780d09;
      --wbc-primary-900: #570906;
      --wbc-primary-950: #370604;
      --wbc-primary-opacity: #da171080;
      --wbc-hero-50: #f1f0fa;
      --wbc-hero-100: #e2e1f4;
      --wbc-hero-200: #a9a5df;
      --wbc-hero-300: #6f69c9;
      --wbc-hero-400: #423c97;
      --wbc-hero-500: #1f1c4f;
      --wbc-hero-600: #18144d;
      --wbc-hero-700: #130f48;
      --wbc-hero-800: #0d093e;
      --wbc-hero-900: #090538;
      --wbc-hero-950: #060236;
      --wbc-hero-opacity: #3a349399;
      --wbc-pop-50: #fff5fd;
      --wbc-pop-100: #ffecfb;
      --wbc-pop-200: #ffcff6;
      --wbc-pop-300: #ff9eed;
      --wbc-pop-400: #ff6ee4;
      --wbc-pop-500: #ff3ddb;
      --wbc-pop-600: #d934ba;
      --wbc-pop-700: #b32b99;
      --wbc-pop-800: #8c2278;
      --wbc-pop-900: #59154d;
      --wbc-pop-950: #330c2c;
      --wbc-pop-opacity: #ff3ddb73;
      --wbc-holler-50: #faf1fd;
      --wbc-holler-100: #ebcdf9;
      --wbc-holler-200: #ce84f0;
      --wbc-holler-300: #bc57eb;
      --wbc-holler-400: #ad32e6;
      --wbc-holler-500: #991ad6;
      --wbc-holler-600: #8717ba;
      --wbc-holler-700: #70139b;
      --wbc-holler-800: #5c0f7f;
      --wbc-holler-900: #450c5f;
      --wbc-holler-950: #2e0840;
      --wbc-holler-opacity: #991ad680;
      --wbc-sing-50: #faf2f2;
      --wbc-sing-100: #f5d9d9;
      --wbc-sing-200: #efa2a2;
      --wbc-sing-300: #e76969;
      --wbc-sing-400: #cf2c2c;
      --wbc-sing-500: #990000;
      --wbc-sing-600: #860000;
      --wbc-sing-700: #710000;
      --wbc-sing-800: #5d0000;
      --wbc-sing-900: #4d0000;
      --wbc-sing-950: #410000;
      --wbc-sing-opacity: #99000080;
      --wbc-dance-50: #fef4eb;
      --wbc-dance-100: #fde7d3;
      --wbc-dance-200: #fbcba2;
      --wbc-dance-300: #f9b071;
      --wbc-dance-400: #f79540;
      --wbc-dance-500: #f57a0f;
      --wbc-dance-600: #ce6409;
      --wbc-dance-700: #9d4c07;
      --wbc-dance-800: #713705;
      --wbc-dance-900: #401f03;
      --wbc-dance-950: #2c1502;
      --wbc-dance-opacity: #f57a0f73;

      /* Light Mode Semantic Tokens */
      --background-white: var(--mono-white);
      --background-pale: var(--wbc-muted-100);
      --background-faint: var(--wbc-muted-50);
      --background-primary: var(--wbc-primary-500);
      --background-hero: var(--wbc-hero-500);
      --surface-muted-vivid: var(--wbc-muted-950);
      --surface-muted: var(--wbc-muted-500);
      --surface-muted-strong: var(--wbc-muted-400);
      --surface-muted-mild: var(--wbc-muted-300);
      --surface-muted-soft: var(--wbc-muted-200);
      --surface-muted-pale: var(--wbc-muted-100);
      --surface-muted-faint: var(--wbc-muted-50);
      --surface-primary: var(--wbc-primary-500);
      --surface-primary-faint: var(--wbc-primary-50);
      --surface-hero: var(--wbc-hero-500);
      --surface-hero-faint: var(--wbc-hero-50);
      --surface-pop: var(--wbc-pop-500);
      --surface-pop-faint: var(--wbc-pop-50);
      --surface-holler: var(--wbc-holler-500);
      --surface-holler-faint: var(--wbc-holler-50);
      --surface-success: var(--reserved-success-500);
      --surface-success-faint: var(--reserved-success-50);
      --surface-info: var(--reserved-info-500);
      --surface-info-faint: var(--reserved-info-50);
      --surface-warning: var(--reserved-warning-500);
      --surface-warning-faint: var(--reserved-warning-50);
      --surface-danger: var(--reserved-danger-500);
      --surface-danger-faint: var(--reserved-danger-50);
      --surface-system-error: var(--reserved-system-500);
      --surface-system-error-dark: var(--reserved-system-950);
      --surface-mono: var(--mono-white);
      --surface-reversed: var(--mono-white);
      --text-body: var(--wbc-muted-950);
      --text-heading: var(--wbc-hero-500);
      --text-muted: var(--wbc-muted-500);
      --text-primary: var(--wbc-primary-500);
      --text-hero: var(--wbc-hero-500);
      --text-holler: var(--wbc-holler-500);
      --text-link: var(--wbc-primary-500);
      --text-success: var(--reserved-success-500);
      --text-info: var(--reserved-info-500);
      --text-warning: var(--reserved-warning-500);
      --text-danger: var(--reserved-danger-500);
      --text-system-error: var(--reserved-system-950);
      --text-mono: var(--mono-white);
      --text-reversed: var(--mono-white);
      --border-muted: var(--wbc-muted-500);
      --border-muted-strong: var(--wbc-muted-400);
      --border-muted-mild: var(--wbc-muted-300);
      --border-muted-soft: var(--wbc-muted-200);
      --border-hero: var(--wbc-hero-500);
      --border-primary: var(--wbc-primary-500);
      --border-pop: var(--wbc-pop-500);
      --border-holler: var(--wbc-holler-500);
      --border-success: var(--reserved-success-500);
      --border-success-mild: var(--reserved-success-300);
      --border-info: var(--reserved-info-500);
      --border-info-mild: var(--reserved-info-300);
      --border-warning: var(--reserved-warning-500);
      --border-warning-mild: var(--reserved-warning-300);
      --border-danger: var(--reserved-danger-500);
      --border-danger-mild: var(--reserved-danger-300);
      --border-mono: var(--mono-white);
      --border-focus: var(--wbc-holler-300);
      --data-a-solid: var(--wbc-primary-500);
      --data-a-tint: var(--wbc-primary-200);
      --data-a-opacity: var(--wbc-primary-opacity);
      --data-b-solid: var(--wbc-hero-500);
      --data-b-tint: var(--wbc-hero-300);
      --data-b-opacity: var(--wbc-hero-opacity);
      --data-c-solid: var(--wbc-pop-500);
      --data-c-tint: var(--wbc-pop-300);
      --data-c-opacity: var(--wbc-pop-opacity);
      --data-d-solid: var(--wbc-holler-500);
      --data-d-tint: var(--wbc-holler-200);
      --data-d-opacity: var(--wbc-holler-opacity);
      --data-e-solid: var(--wbc-sing-500);
      --data-e-tint: var(--wbc-sing-300);
      --data-e-opacity: var(--wbc-sing-opacity);
      --data-f-solid: var(--wbc-dance-500);
      --data-f-tint: var(--wbc-dance-300);
      --data-f-opacity: var(--wbc-dance-opacity);
      --surface-pictogram-base: var(--wbc-hero-500);
      --surface-pictogram-accent: var(--wbc-primary-500);
      --surface-hover-primary: var(--wbc-primary-400);
      --surface-active-primary: var(--wbc-primary-200);
      --surface-hover-hero: var(--wbc-hero-400);
      --surface-active-hero: var(--wbc-hero-300);
      --surface-hover-primary-faint: var(--wbc-primary-50);
      --surface-active-primary-faint: var(--wbc-primary-100);
      --surface-hover-hero-faint: var(--wbc-hero-50);
      --surface-active-hero-faint: var(--wbc-hero-100);
      --surface-hover-muted-pale: var(--wbc-muted-100);
      --surface-active-muted-pale: var(--wbc-muted-300);
      --surface-hover-mono: var(--mono-white);
      --surface-active-mono: var(--wbc-muted-200);

      /* Font Family */
      --font-brand: Westpac;
    }

    /* TODO: TEMPORARILY DISABLED - DARK MODE TOKENS TO BE INCLUDED IN FUTURE UPDATE */
    [data-brand="wbc"][data-theme="dark"] {
      /* Dark Mode Semantic Tokens */
    }
}