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

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

@layer theme {
    [data-brand="bom"] {
      /* Primitive Colors */
      --mono-white: #ffffff;
      --mono-black: #000000;
      --bom-muted-50: #fbfbfd;
      --bom-muted-100: #f7f7f7;
      --bom-muted-200: #dedee1;
      --bom-muted-300: #b6b6bc;
      --bom-muted-400: #8e8d98;
      --bom-muted-500: #706f7c;
      --bom-muted-600: #5b5b6a;
      --bom-muted-700: #464651;
      --bom-muted-800: #323238;
      --bom-muted-900: #1c1c1f;
      --bom-muted-950: #161619;
      --bom-primary-50: #fff4f3;
      --bom-primary-100: #ffcbc7;
      --bom-primary-200: #ff7c6a;
      --bom-primary-300: #f24300;
      --bom-primary-400: #e43f00;
      --bom-primary-500: #d13900;
      --bom-primary-600: #b02f00;
      --bom-primary-700: #8f2400;
      --bom-primary-800: #6f1a00;
      --bom-primary-900: #501000;
      --bom-primary-950: #380900;
      --bom-primary-opacity: #d1390080;
      --bom-hero-50: #f6f5ff;
      --bom-hero-100: #dad6fe;
      --bom-hero-200: #c6c0fd;
      --bom-hero-300: #a094fc;
      --bom-hero-400: #685ac0;
      --bom-hero-500: #534891;
      --bom-hero-600: #433781;
      --bom-hero-700: #33286a;
      --bom-hero-800: #261b58;
      --bom-hero-900: #20024e;
      --bom-hero-950: #1b0045;
      --bom-hero-opacity: #53489180;
      --bom-pop-50: #f6f5ff;
      --bom-pop-100: #ebe9fe;
      --bom-pop-200: #dad6fe;
      --bom-pop-300: #c6c0fd;
      --bom-pop-400: #b2aafd;
      --bom-pop-500: #a094fc;
      --bom-pop-600: #7d67fa;
      --bom-pop-700: #5b31f8;
      --bom-pop-800: #3d0dc0;
      --bom-pop-900: #200470;
      --bom-pop-950: #140250;
      --bom-pop-opacity: #a094fc80;
      --bom-holler-50: #eeedf8;
      --bom-holler-100: #dfddf3;
      --bom-holler-200: #c1bce8;
      --bom-holler-300: #a39cdc;
      --bom-holler-400: #8379cf;
      --bom-holler-500: #685ac0;
      --bom-holler-600: #5141ac;
      --bom-holler-700: #3f3288;
      --bom-holler-800: #2b2162;
      --bom-holler-900: #19123e;
      --bom-holler-950: #0e0928;
      --bom-holler-opacity: #685ac080;
      --bom-sing-50: #fff1ea;
      --bom-sing-100: #fee3d4;
      --bom-sing-200: #fec6a3;
      --bom-sing-300: #fda85f;
      --bom-sing-400: #ed9019;
      --bom-sing-500: #d17e15;
      --bom-sing-600: #a5620e;
      --bom-sing-700: #7c4908;
      --bom-sing-800: #553004;
      --bom-sing-900: #321a01;
      --bom-sing-950: #210f01;
      --bom-sing-opacity: #d17e1580;
      --bom-dance-50: #ffe9e7;
      --bom-dance-100: #ffcfcb;
      --bom-dance-200: #ff9b90;
      --bom-dance-300: #ff6244;
      --bom-dance-400: #d63c00;
      --bom-dance-500: #9e2a00;
      --bom-dance-600: #822100;
      --bom-dance-700: #671800;
      --bom-dance-800: #490e00;
      --bom-dance-900: #300700;
      --bom-dance-950: #230400;
      --bom-dance-opacity: #9e2a0080;

      /* Light Mode Semantic Tokens */
      --background-white: var(--mono-white);
      --background-pale: var(--bom-muted-100);
      --background-faint: var(--bom-muted-50);
      --background-primary: var(--bom-primary-500);
      --background-hero: var(--bom-hero-500);
      --surface-muted-vivid: var(--bom-hero-900);
      --surface-muted: var(--bom-muted-500);
      --surface-muted-strong: var(--bom-muted-400);
      --surface-muted-mild: var(--bom-muted-300);
      --surface-muted-soft: var(--bom-muted-200);
      --surface-muted-pale: var(--bom-muted-100);
      --surface-muted-faint: var(--bom-muted-50);
      --surface-primary: var(--bom-primary-500);
      --surface-primary-faint: var(--bom-primary-50);
      --surface-hero: var(--bom-hero-500);
      --surface-hero-faint: var(--bom-hero-50);
      --surface-pop: var(--bom-pop-500);
      --surface-pop-faint: var(--bom-pop-50);
      --surface-holler: var(--bom-holler-500);
      --surface-holler-faint: var(--bom-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(--bom-hero-900);
      --text-heading: var(--bom-hero-500);
      --text-muted: var(--bom-muted-500);
      --text-primary: var(--bom-primary-500);
      --text-hero: var(--bom-hero-500);
      --text-holler: var(--bom-holler-500);
      --text-link: var(--bom-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(--bom-muted-500);
      --border-muted-strong: var(--bom-muted-400);
      --border-muted-mild: var(--bom-muted-300);
      --border-muted-soft: var(--bom-muted-200);
      --border-hero: var(--bom-hero-500);
      --border-primary: var(--bom-primary-500);
      --border-pop: var(--bom-pop-500);
      --border-holler: var(--bom-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(--bom-holler-400);
      --data-a-solid: var(--bom-primary-500);
      --data-a-tint: var(--bom-primary-200);
      --data-a-opacity: var(--bom-primary-opacity);
      --data-b-solid: var(--bom-hero-500);
      --data-b-tint: var(--bom-hero-300);
      --data-b-opacity: var(--bom-hero-opacity);
      --data-c-solid: var(--bom-pop-500);
      --data-c-tint: var(--bom-pop-300);
      --data-c-opacity: var(--bom-pop-opacity);
      --data-d-solid: var(--bom-holler-500);
      --data-d-tint: var(--bom-holler-200);
      --data-d-opacity: var(--bom-holler-opacity);
      --data-e-solid: var(--bom-sing-500);
      --data-e-tint: var(--bom-sing-300);
      --data-e-opacity: var(--bom-sing-opacity);
      --data-f-solid: var(--bom-dance-500);
      --data-f-tint: var(--bom-dance-300);
      --data-f-opacity: var(--bom-dance-opacity);
      --surface-pictogram-base: var(--bom-hero-500);
      --surface-pictogram-accent: var(--bom-pop-500);
      --surface-hover-primary: var(--bom-primary-400);
      --surface-active-primary: var(--bom-primary-200);
      --surface-hover-hero: var(--bom-hero-400);
      --surface-active-hero: var(--bom-hero-300);
      --surface-hover-primary-faint: var(--bom-primary-50);
      --surface-active-primary-faint: var(--bom-primary-100);
      --surface-hover-hero-faint: var(--bom-hero-50);
      --surface-active-hero-faint: var(--bom-hero-100);
      --surface-hover-muted-pale: var(--bom-muted-100);
      --surface-active-muted-pale: var(--bom-muted-300);
      --surface-hover-mono: var(--mono-white);
      --surface-active-mono: var(--bom-muted-200);

      /* Font Family */
      --font-brand: Brown Pro;
    }

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