/*! public/css/root/tokens.css */

/*
* break-points:
- x-small: 399.98px;
- small: 479.98px;
- medium: 575.98px;
- large: 767.98px;
- x-large: 991.98px;
*/

:root {
	--color-primary: #ff7f27;
	--color-primary-hover: #eead7f;
	--color-primary-alpha: #e96c14b0;

	--color-secondary: #3446c9;
	--color-secondary-hover: #1d32ce;
	--color-secondary-alpha: #3446c9a0;
	--color-secondary-beta: #3446c950;

	--color-warning: #b45309;
	--color-warning-hover: #92400e;
	--color-warning-alpha: #f59e0b26;
	--color-warning-contrast: #ffffff;

	--color-text-body: #121212;
	--color-bg-main: #ffffff;
	--color-metalic-gold: #d3af37;

	--color-text-muted: #5b6472;
	--color-text-heading: #111827;
	--color-text-inverse: #ffffff;

	--font-family-headers: 'Poppins', sans-serif;
	--font-family-body: 'Roboto', sans-serif;

	--bg-main: #f5f7fb;
	--bg-section: #ffffff;
	--bg-subsection: #eef2f7;

	--ui-bar-bg: #dfe6ee;
	--ui-bar-border: #00000014;
	--ui-bar-text: #111827;
	--ui-bar-muted: #5b6472;

	--transition-time-method: 0.3s ease;

	--bg-card: #ffffff;
	--bg-card-muted: #eef2f7;
	--bg-pill-hover: #fff1e7;

	--border-subtle: #00000014;
	--border-soft: #dfe6ee;

	--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
	--shadow-brand: 0 8px 18px rgba(52, 70, 201, 0.25);
	--shadow-mascot: 0 12px 24px rgba(0, 0, 0, 0.12);

	--radius-xl: 30px;
	--radius-lg: 20px;
	--radius-sm: 0.3125rem;
	--radius-pill: 999px;

	--shadow-text-soft: 1px 1px 3px var(--color-secondary-alpha);
	--shadow-text-hard: 1px 1px 6px var(--color-secondary);
	--shadow-text-brand: 1px 1px 10px var(--color-metalic-gold);
	--shadow-box-brand: 0 0 0 0.25rem var(--color-primary);

	--bg-reaction: #e0e0e0;
	--bg-reaction-hover: #fefefe;
}

[data-theme='dark'] {
	--color-primary-hover: #dd6012;
	--color-primary-alpha: #eead7fb0;

	--color-secondary: #309cf5;
	--color-secondary-hover: #62b4f8;
	--color-secondary-alpha: #309cf5a0;

	--color-warning: #fbbf24;
	--color-warning-hover: #f59e0b;
	--color-warning-alpha: #f59e0b24;
	--color-warning-contrast: #111827;

	--color-text-body: #f8f9fa;
	--color-bg-main: #121212;

	--color-text-muted: #949caa;
	--color-text-heading: #f3f6fb;
	--color-text-inverse: #ffffff;

	--bg-main: #12161d;
	--bg-section: #181d25;
	--bg-subsection: #202632;

	--ui-bar-bg: #0c1117;
	--ui-bar-border: #ffffff14;
	--ui-bar-text: #f3f6fb;
	--ui-bar-muted: #a7b0bf;

	--bg-card: #181d25;
	--bg-card-muted: #202632;
	--bg-pill-hover: #2a1d14;

	--border-subtle: #ffffff14;
	--border-soft: #2a3240;

	--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.28);
	--shadow-brand: 0 8px 18px rgba(29, 50, 206, 0.35);
	--shadow-mascot: 0 12px 24px rgba(0, 0, 0, 0.24);

	--bg-reaction: #333333;
	--bg-reaction-hover: #111111;
}