/* Builder.io Component Colors - Scoped CSS Variables Only */
.builder-component {
	/* Custom Colors */
	--white: #ffffff;
	--black: #000000;
	--off-white: #f4f0ec;
	--warm-off-white: #efe8db;
	--light-secondary: rgba(198, 155, 148, 0.6);
	--white-alpha-10: rgba(255, 255, 255, 0.1);
	--white-alpha-01: rgba(255, 255, 255, 0.01);

	/* Brand Primary NP Blue (11-tone scale) */
	--brand-primary-50: #eef8ff;
	--brand-primary-100: #dcf0ff;
	--brand-primary-200: #b2e3ff;
	--brand-primary-300: #6dceff;
	--brand-primary-400: #20b5ff;
	--brand-primary-500: #009bff;
	--brand-primary-600: #007bdf;
	--brand-primary-700: #0061b4;
	--brand-primary-800: #005394;
	--brand-primary-900: #004175;
	--brand-primary-950: #002b51;

	/* Brand Primary LBLUE (11-tone scale) */
	--brand-lblue-50: #f0f9ff;
	--brand-lblue-100: #e0f2fe;
	--brand-lblue-200: #bae6fd;
	--brand-lblue-300: #7dd3fc;
	--brand-lblue-400: #38bdf8;
	--brand-lblue-500: #0ea5e9;
	--brand-lblue-600: #0284c7;
	--brand-lblue-700: #0369a1;
	--brand-lblue-800: #075985;
	--brand-lblue-900: #0c4a6e;
	--brand-lblue-950: #082f49;

	/* Neutral Colors (11-tone scale) */
	--neutral-50: #f9fafb;
	--neutral-100: #f3f4f6;
	--neutral-200: #e5e7eb;
	--neutral-300: #d1d5db;
	--neutral-400: #9ca3af;
	--neutral-500: #6b7280;
	--neutral-600: #4b5563;
	--neutral-700: #374151;
	--neutral-800: #1f2937;
	--neutral-900: #111827;
	--neutral-950: #030712;

	/* Product Green (11-tone scale) */
	--product-green-50: #ecfdf6;
	--product-green-100: #d2f9e7;
	--product-green-200: #a9f1d4;
	--product-green-300: #71e4bc;
	--product-green-400: #39cea0;
	--product-green-500: #13a47c;
	--product-green-600: #028764;
	--product-green-700: #07654c;
	--product-green-800: #085242;
	--product-green-900: #074236;
	--product-green-950: #032b23;

	/* Product Red (11-tone scale) */
	--product-red-50: #fdf3f3;
	--product-red-100: #fce4e5;
	--product-red-200: #faced0;
	--product-red-300: #f4adb0;
	--product-red-400: #ec7d81;
	--product-red-500: #e05359;
	--product-red-600: #cc363c;
	--product-red-700: #a5282d;
	--product-red-800: #8e262a;
	--product-red-900: #772528;
	--product-red-950: #400f11;

	/* Product Orange (11-tone scale) */
	--product-orange-50: #fff7ed;
	--product-orange-100: #ffedd5;
	--product-orange-200: #fed7aa;
	--product-orange-300: #fdba74;
	--product-orange-400: #fc9947;
	--product-orange-500: #fc8514;
	--product-orange-600: #c9510c;
	--product-orange-700: #9a3412;
	--product-orange-800: #7c2d12;
	--product-orange-900: #581f07;
	--product-orange-950: #391303;

	/* Product Purple (11-tone scale) */
	--product-purple-50: #f2f3fb;
	--product-purple-100: #e7eaf8;
	--product-purple-200: #d3d7f2;
	--product-purple-300: #b8bde9;
	--product-purple-400: #9b9cde;
	--product-purple-500: #8783d3;
	--product-purple-600: #7368c3;
	--product-purple-700: #6457ab;
	--product-purple-800: #52498a;
	--product-purple-900: #45406f;
	--product-purple-950: #292541;

	/* Flavor Colors */
	--peach-mango: #feedd1;
	--mixed-berry: #fdeaea;
	--tangerine: #fef0c9;
	--native-balance: #6457ab;

	/* Info Colors (11-tone scale) */
	--info-50: #f1f3fd;
	--info-100: #dee3fb;
	--info-200: #c5d0f8;
	--info-300: #9db2f3;
	--info-400: #6f8beb;
	--info-500: #4a61e3;
	--info-600: #3946d7;
	--info-700: #2f34c6;
	--info-800: #2c2da1;
	--info-900: #292b7f;
	--info-950: #1a1b4b;

	/* Neutral Alpha (Black with transparency) */
	--neutral-alpha-50: rgba(0, 0, 0, 0.05);
	--neutral-alpha-100: rgba(0, 0, 0, 0.1);
	--neutral-alpha-200: rgba(0, 0, 0, 0.2);
	--neutral-alpha-300: rgba(0, 0, 0, 0.3);
	--neutral-alpha-400: rgba(0, 0, 0, 0.4);
	--neutral-alpha-500: rgba(0, 0, 0, 0.5);
}

/* Card-specific text color inheritance */
.builder-component[data-component='catalyst-card'][data-custom-colors='true'] .card-header,
.builder-component[data-component='catalyst-card'][data-custom-colors='true'] .card-body,
.builder-component[data-component='catalyst-card'][data-custom-colors='true'] .card-footer {
	color: inherit;
	background-color: inherit;
}

/* Remove any default borders that might interfere */
.builder-component[data-component='catalyst-card'] .card-header,
.builder-component[data-component='catalyst-card'] .card-body,
.builder-component[data-component='catalyst-card'] .card-footer {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.builder-component[data-component='catalyst-card'] .card-header {
	padding: 1rem !important;
}

.builder-component[data-component='catalyst-card'] .card-body {
	padding: 1rem !important;
}

.builder-component[data-component='catalyst-card'] .card-footer {
	padding: 1rem !important;
}

/* Button hover effects */
.builder-component[data-component='catalyst-button']:hover {
	background: var(--hover-bg-gradient, var(--hover-bg-color, inherit)) !important;
	color: var(--hover-text-color, inherit) !important;
}