/* Base design tokens — auto-generated, do not edit */
:root {
	--padding-none: 0;
	--padding-hairline: 0.0625rem;
	--padding-thin: 0.125rem;
	--padding-slim: 0.25rem;
	--padding-extra-small: 0.5rem;
	--padding-small: 1rem;
	--padding-medium: 1.5rem;
	--padding-large: 2rem;
	--padding-extra-large: 2.5rem;
	--padding-huge: 5rem;
	--padding-full: 100%;
	--spacing-none: 0;
	--spacing-extra-small: 1.5rem;
	--spacing-small: 2.5rem;
	--spacing-medium: 5rem;
	--spacing-large: 7.5rem;
	--spacing-extra-large: 10rem;
	--spacing-huge: 15rem;
	--spacing-full: 100%;
	--content-max: 1440px;

	--shadow-far: 0 0 3.75rem RGBA(68, 28, 153, 0.4);
	--shadow-mid: 0 0.625rem 0.938rem RGBA(68, 28, 153, 0.25);
	--shadow-near: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.15);
	--shadow-faint: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.05);
	--shadow-outline: 0 1px 3px 1px RGBA(68, 28, 153, 0.3);
	--radius-extra-small: 0.125rem;
	--radius-small: 0.25rem;
	--radius-medium: 0.5rem;
	--radius-large: 0.75rem;
	--radius-extra-large: 1.25rem;
	--radius-pill: 100rem;
	--radius-full: 100%;
	--transition-slow: 0.6s ease-in-out;
	--transition-mid: 0.3s ease-in-out;
	--transition-fast: 0.2s ease-in-out;

	--breakpoint-desktop: 8640;
	--breakpoint-tablet: 1024;
	--breakpoint-mobile: 768;

	--color-white: #ffffff;
	--color-seashell: #feebde;
	--color-frost: #f2f1f4;
	--color-snow: #e9e9e9;
	--color-cotton-candy: #c0f5f2;
	--color-daffodil: #ffe792;
	--color-yellow: #ffdf20;
	--color-summer: #f9c748;
	--color-periwinkle: #9bcfff;
	--color-mauve: #a2a1af;
	--color-steel: #c0c0c0;
	--color-lavender-light: #d6a7f7;
	--color-cyan: #00ffff;
	--color-bubblegum: #ff78e1;
	--color-vibe: #4bd6b5;
	--color-tiger: #f99048;
	--color-mint: #00ff7f;
	--color-salmon: #f97a99;
	--color-lavender: #c481f3;
	--color-lilac: #8598fb;
	--color-orange: #ff8904;
	--color-sky: #14c4eb;
	--color-green: #05df72;
	--color-teal: #43b59a;
	--color-electric-blue-dark: #3ea2ff;
	--color-light-blue: #00bcff;
	--color-hot-pink: #e555ac;
	--color-scarlet: #ff4626;
	--color-pewter: #555463;
	--color-silver: #797979;
	--color-smoke: #6d6d9c;
	--color-pink: #ff0ff3;
	--color-red: #fb2c36;
	--color-autumn: #c04c0a;
	--color-dark-teal: #168982;
	--color-rose: #c82d53;
	--color-turquoise: #097d98;
	--color-purple: #8d1ff4;
	--color-electric-blue: #145deb;
	--color-blue: #1447e6;
	--color-slate: #3f3f7f;
	--color-dawn: #383f76;
	--color-violet: #7f00ff;
	--color-deep-blue: #003cff;
	--color-dark-purple: #441c99;
	--color-deep-sea: #0a26b8;
	--color-navy: #162456;
	--color-charcoal: #1c1c21;
	--color-grey: #1e1e1e;
	--color-ocean: #181846;
	--color-dark-grey: #181818;
	--color-midnight: #030328;
	--color-space: #01011e;
	--color-black: #000000;
}

$padding-names: (
	'none',
	'hairline',
	'thin',
	'slim',
	'extra-small',
	'small',
	'medium',
	'large',
	'extra-large',
	'huge',
	'full',
) !default;

$spacing-names: (
	'none',
	'extra-small',
	'small',
	'medium',
	'large',
	'extra-large',
	'huge',
	'full',
) !default;

// @deprecated — use var(--padding-*) and var(--spacing-*) instead
$brandui-padding: (
	none: 0,
	hairline: 0.0625rem,
	thin: 0.125rem,
	slim: 0.25rem,
	extra-small: 0.5rem,
	small: 1rem,
	medium: 1.5rem,
	large: 2rem,
	extra-large: 2.5rem,
	huge: 5rem,
	full: 100%,
) !default;

$brandui-spacing: (
	none: 0,
	extra-small: 1.5rem,
	small: 2.5rem,
	medium: 5rem,
	large: 7.5rem,
	extra-large: 10rem,
	huge: 15rem,
	full: 100%,
) !default;

$brandui-content-max: 1440px !default;

$shadow-names: (
	'far',
	'mid',
	'near',
	'faint',
	'outline',
) !default;

$radius-names: (
	'extra-small',
	'small',
	'medium',
	'large',
	'extra-large',
	'pill',
	'full',
) !default;

$transition-names: (
	'slow',
	'mid',
	'fast',
) !default;

// @deprecated — use var(--shadow-*), var(--radius-*), var(--transition-*) instead
$brandui-shadow: (
	far: 0 0 3.75rem RGBA(68, 28, 153, 0.4),
	mid: 0 0.625rem 0.938rem RGBA(68, 28, 153, 0.25),
	near: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.15),
	faint: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.05),
	outline: 0 1px 3px 1px RGBA(68, 28, 153, 0.3),
) !default;

$brandui-radius: (
	extra-small: 0.125rem,
	small: 0.25rem,
	medium: 0.5rem,
	large: 0.75rem,
	extra-large: 1.25rem,
	pill: 100rem,
	full: 100%,
) !default;

$brandui-transition: (
	slow: 0.6s ease-in-out,
	mid: 0.3s ease-in-out,
	fast: 0.2s ease-in-out,
) !default;

$breakpoint-names: (
	'desktop',
	'tablet',
	'mobile',
) !default;

/* Device breakpoints — Sass map (required for @media queries and utility generation) */
$brandui-device-breakpoints-new: (
	desktop: (
		value: 8640,
		prefix: '',
	),
	tablet: (
		value: 1024,
		prefix: 'tablet\\:',
	),
	mobile: (
		value: 768,
		prefix: 'mobile\\:',
	),
) !default;

$color-names: (
	'white',
	'seashell',
	'frost',
	'snow',
	'cotton-candy',
	'daffodil',
	'yellow',
	'summer',
	'periwinkle',
	'mauve',
	'steel',
	'lavender-light',
	'cyan',
	'bubblegum',
	'vibe',
	'tiger',
	'mint',
	'salmon',
	'lavender',
	'lilac',
	'orange',
	'sky',
	'green',
	'teal',
	'electric-blue-dark',
	'light-blue',
	'hot-pink',
	'scarlet',
	'pewter',
	'silver',
	'smoke',
	'pink',
	'red',
	'autumn',
	'dark-teal',
	'rose',
	'turquoise',
	'purple',
	'electric-blue',
	'blue',
	'slate',
	'dawn',
	'violet',
	'deep-blue',
	'dark-purple',
	'deep-sea',
	'navy',
	'charcoal',
	'grey',
	'ocean',
	'dark-grey',
	'midnight',
	'space',
	'black',
) !default;

// Label names for utility class generation (auto-generated from brandui theme)
$color-label-names: (
	'default',
	'ui-headline',
	'ui-body',
	'ui-fill',
	'ui-stroke',
	'ui-text',
	'ui-surface',
	'ui-accent',
	'ui-soft',
	'ui-subtle',
	'action',
	'action-outline',
	'action-contrast',
	'action-secondary',
	'action-secondary-contrast',
	'action-tertiary',
	'action-tertiary-contrast',
	'info',
	'info-contrast',
	'success',
	'success-contrast',
	'warning',
	'warning-contrast',
	'fail',
	'fail-contrast',
	'neutral-1',
	'neutral-2',
	'neutral-3',
	'neutral-4',
	'neutral-5',
	'neutral-6',
) !default;

// Text element names for utility class generation (auto-generated from brandui theme)
$text-element-names: (
	'hero-title-large',
	'hero-title-small',
	'page-title-large',
	'page-title',
	'section-title',
	'headline-large',
	'headline-small',
	'subhead',
	'subhead-small',
	'mini-header',
	'mini-header-small',
	'body-lead',
	'body-lead-bold',
	'body',
	'body-bold',
	'body-long',
	'body-small',
	'body-small-medium',
	'code',
) !default;