@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;600&display=swap');

/* Tokenflow theme (preserves existing blue palette) */
[data-bs-theme="tokenflow"] {
	/* Core body colors */
	--bs-body-color: #ffffff;
	--bs-body-color-rgb: 255, 255, 255;
	--bs-body-bg: #0000ff;
	--bs-body-bg-rgb: 0, 0, 255;

	/* Emphasis colors */
	--bs-emphasis-color: #ffffff;
	--bs-emphasis-color-rgb: 255, 255, 255;

	/* Secondary text */
	--bs-secondary-color: rgba(255, 255, 255, 0.75);
	--bs-secondary-color-rgb: 255, 255, 255;
	--bs-secondary-bg: #0033cc;
	--bs-secondary-bg-rgb: 0, 51, 204;

	/* Tertiary colors */
	--bs-tertiary-color: rgba(255, 255, 255, 0.5);
	--bs-tertiary-color-rgb: 255, 255, 255;
	--bs-tertiary-bg: #0000cc;
	--bs-tertiary-bg-rgb: 0, 0, 204;

	/* Primary theme color */
	--bs-primary: #66b3ff;
	--bs-primary-rgb: 102, 179, 255;
	--bs-primary-bg-subtle: rgba(102, 179, 255, 0.2);
	--bs-primary-border-subtle: rgba(102, 179, 255, 0.4);
	--bs-primary-text-emphasis: #ffffff;

	/* Link colors */
	--bs-link-color: #ffffff;
	--bs-link-color-rgb: 255, 255, 255;
	--bs-link-hover-color: #e0e0e0;
	--bs-link-hover-color-rgb: 224, 224, 224;

	/* Border colors */
	--bs-border-color: rgba(255, 255, 255, 0.2);
	--bs-border-color-translucent: rgba(255, 255, 255, 0.1);

	/* Heading colors */
	--bs-heading-color: #ffffff;

	/* Component backgrounds */
	--bs-light: #3366ff;
	--bs-light-rgb: 51, 102, 255;
	--bs-light-bg-subtle: rgba(51, 102, 255, 0.15);
	--bs-light-text-emphasis: #99bbff;
	--bs-light-border-subtle: rgba(51, 102, 255, 0.3);

	--bs-dark: #000099;
	--bs-dark-rgb: 0, 0, 153;
	--bs-dark-bg-subtle: rgba(0, 0, 153, 0.3);
	--bs-dark-text-emphasis: #6666cc;
	--bs-dark-border-subtle: rgba(0, 0, 153, 0.4);

	/* Form controls */
	--bs-form-valid-color: #28a745;
	--bs-form-valid-border-color: #28a745;
	--bs-form-invalid-color: #dc3545;
	--bs-form-invalid-border-color: #dc3545;

	/* Code colors */
	--bs-code-color: #e0e0e0;
	--bs-highlight-bg: rgba(255, 255, 255, 0.1);
}

/* ThisSoFire theme (dark canvas + fiery accent) */
[data-bs-theme="thissofire"] {
	--bs-body-color: #f5f5f5;
	--bs-body-color-rgb: 245, 245, 245;
	--bs-body-bg: #0a0a0a;
	--bs-body-bg-rgb: 10, 10, 10;

	--bs-emphasis-color: #ffffff;
	--bs-emphasis-color-rgb: 255, 255, 255;

	--bs-secondary-color: rgba(245, 245, 245, 0.72);
	--bs-secondary-color-rgb: 245, 245, 245;
	--bs-secondary-bg: #141414;
	--bs-secondary-bg-rgb: 20, 20, 20;

	--bs-tertiary-color: rgba(245, 245, 245, 0.56);
	--bs-tertiary-color-rgb: 245, 245, 245;
	--bs-tertiary-bg: #111111;
	--bs-tertiary-bg-rgb: 17, 17, 17;

	--bs-primary: #f4a300;
	--bs-primary-rgb: 244, 163, 0;
	--bs-primary-bg-subtle: rgba(244, 163, 0, 0.15);
	--bs-primary-border-subtle: rgba(244, 163, 0, 0.4);
	--bs-primary-text-emphasis: #fbe3a3;

	--bs-link-color: #f5f5f5;
	--bs-link-color-rgb: 245, 245, 245;
	--bs-link-hover-color: #f4a300;
	--bs-link-hover-color-rgb: 244, 163, 0;

	--bs-border-color: #333333;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.12);

	--bs-heading-color: #ffffff;

	--bs-light: #1a1a1a;
	--bs-light-rgb: 26, 26, 26;
	--bs-light-bg-subtle: rgba(255, 255, 255, 0.04);
	--bs-light-text-emphasis: #f5f5f5;
	--bs-light-border-subtle: rgba(255, 255, 255, 0.08);

	--bs-dark: #0d0d0d;
	--bs-dark-rgb: 13, 13, 13;
	--bs-dark-bg-subtle: #161616;
	--bs-dark-text-emphasis: #8f8f8f;
	--bs-dark-border-subtle: rgba(255, 255, 255, 0.12);

	--bs-card-bg: #0f0f0f;
	--bs-card-border-color: #3c3c3c;
	--bs-card-color: #f5f5f5;

	--bs-body-font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;

	--bs-form-valid-color: #34d399;
	--bs-form-valid-border-color: #34d399;
	--bs-form-invalid-color: #fb7185;
	--bs-form-invalid-border-color: #fb7185;

	--bs-code-color: #f8d89c;
	--bs-highlight-bg: rgba(244, 163, 0, 0.2);
}

[data-bs-theme="thissofire"] .btn-primary {
	--bs-btn-color: #0a0a0a;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #0a0a0a;
	--bs-btn-hover-bg: #ffb027;
	--bs-btn-hover-border-color: #ffb027;
	--bs-btn-focus-shadow-rgb: 244, 163, 0;
	--bs-btn-active-color: #0a0a0a;
	--bs-btn-active-bg: #e29400;
	--bs-btn-active-border-color: #e29400;
	--bs-btn-disabled-bg: rgba(244, 163, 0, 0.56);
	--bs-btn-disabled-border-color: rgba(244, 163, 0, 0.56);
}

[data-bs-theme="thissofire"] .btn-outline-primary {
	--bs-btn-color: #f4a300;
	--bs-btn-border-color: #f4a300;
	--bs-btn-hover-color: #0a0a0a;
	--bs-btn-hover-bg: #f4a300;
	--bs-btn-hover-border-color: #f4a300;
	--bs-btn-focus-shadow-rgb: 244, 163, 0;
	--bs-btn-active-color: #0a0a0a;
	--bs-btn-active-bg: #e29400;
	--bs-btn-active-border-color: #e29400;
	--bs-btn-disabled-color: rgba(244, 163, 0, 0.6);
	--bs-btn-disabled-border-color: rgba(244, 163, 0, 0.6);
}