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

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

@layer theme {
    [data-brand="stg"] {
      /* Primitive Colors */
      --mono-white: #ffffff;
      --mono-black: #000000;
      --stg-muted-50: #f9f9f9;
      --stg-muted-100: #f5f5f4;
      --stg-muted-200: #e1e1e0;
      --stg-muted-300: #b2b2ae;
      --stg-muted-400: #8d8c81;
      --stg-muted-500: #727163;
      --stg-muted-600: #5e5d55;
      --stg-muted-700: #4c4c48;
      --stg-muted-800: #393937;
      --stg-muted-900: #1c1c1c;
      --stg-muted-950: #141414;
      --stg-primary-50: #fff0f0;
      --stg-primary-100: #ffc7c7;
      --stg-primary-200: #f87272;
      --stg-primary-300: #f44848;
      --stg-primary-400: #f21818;
      --stg-primary-500: #e30000;
      --stg-primary-600: #bc0000;
      --stg-primary-700: #980000;
      --stg-primary-800: #750000;
      --stg-primary-900: #5b0000;
      --stg-primary-950: #380000;
      --stg-primary-opacity: #e300004d;
      --stg-hero-50: #ecf8f0;
      --stg-hero-100: #c2eace;
      --stg-hero-200: #6dcb89;
      --stg-hero-300: #2fa854;
      --stg-hero-400: #219d4b;
      --stg-hero-500: #008739;
      --stg-hero-600: #007334;
      --stg-hero-700: #005f32;
      --stg-hero-800: #004833;
      --stg-hero-900: #003323;
      --stg-hero-950: #002a1c;
      --stg-hero-opacity: #00873973;
      --stg-pop-50: #f1fbe5;
      --stg-pop-100: #e5f7cf;
      --stg-pop-200: #c2ec8e;
      --stg-pop-300: #abe562;
      --stg-pop-400: #93d83b;
      --stg-pop-500: #78be20;
      --stg-pop-600: #619b18;
      --stg-pop-700: #4b7910;
      --stg-pop-800: #365909;
      --stg-pop-900: #223b04;
      --stg-pop-950: #132402;
      --stg-pop-opacity: #78be2073;
      --stg-holler-50: #f5f2fb;
      --stg-holler-100: #e6dff5;
      --stg-holler-200: #bba3e2;
      --stg-holler-300: #9b73d2;
      --stg-holler-400: #814ec5;
      --stg-holler-500: #502d79;
      --stg-holler-600: #46276b;
      --stg-holler-700: #3e225f;
      --stg-holler-800: #341b50;
      --stg-holler-900: #2c1645;
      --stg-holler-950: #27133e;
      --stg-holler-opacity: #502d794d;
      --stg-sing-50: #edf8fe;
      --stg-sing-100: #e1f4fe;
      --stg-sing-200: #b9e6fc;
      --stg-sing-300: #91dcfb;
      --stg-sing-400: #5ad2fa;
      --stg-sing-500: #3fc3eb;
      --stg-sing-600: #319cbd;
      --stg-sing-700: #23768f;
      --stg-sing-800: #155264;
      --stg-sing-900: #09303c;
      --stg-sing-950: #04212a;
      --stg-sing-opacity: #3fc3eb4d;
      --stg-dance-50: #fff3eb;
      --stg-dance-100: #ffe7d6;
      --stg-dance-200: #ffcba8;
      --stg-dance-300: #ffb380;
      --stg-dance-400: #ff9752;
      --stg-dance-500: #ff7f29;
      --stg-dance-600: #cf6200;
      --stg-dance-700: #9d4800;
      --stg-dance-800: #6e3100;
      --stg-dance-900: #421a00;
      --stg-dance-950: #2c0f00;
      --stg-dance-opacity: #ff7f2966;

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

      /* Font Family */
      --font-brand: Dragon Bold;
    }

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