/**
 * Design Tokens & CSS Variables
 *
 * @package Avsa_Responsive
 */

:root {
	/* Brand Colors */
	--avsa-color-primary: #2a5f97;
	--avsa-color-primary-dark: #1e4773;
	--avsa-color-primary-light: #3773b4;
	--avsa-color-accent: #ffa500;
	--avsa-color-accent-dark: #e69500;

	/* Surface & Neutrals */
	--avsa-color-bg: #ffffff;
	--avsa-color-surface: #f7f7f7;
	--avsa-color-border: #eaeaea;
	--avsa-color-border-dark: #d5d5d5;

	/* Typography Colors */
	--avsa-color-text: #222222;
	--avsa-color-text-muted: #666666;
	--avsa-color-text-white: #ffffff;
	--avsa-color-link: #2a5f97;
	--avsa-color-link-hover: #1e4773;

	/* Typography */
	--avsa-font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--avsa-font-size-base: 15px;
	--avsa-line-height-base: 1.6;

	/* Layout & Spacing */
	--avsa-header-height: 60px;
	--avsa-container-max-width: 1240px;
	--avsa-grid-gap-mobile: 8px;
	--avsa-grid-gap-desktop: 16px;

	/* Border Radius */
	--avsa-radius-badge: 5px;
	--avsa-radius-card: 0px;
	--avsa-radius-button: 4px;

	/* Shadows */
	--avsa-shadow-header: 0 2px 6px rgba(0, 0, 0, 0.12);
	--avsa-shadow-drawer: -4px 0 16px rgba(0, 0, 0, 0.2);
	--avsa-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);

	/* Transitions */
	--avsa-transition-fast: 0.15s ease;
	--avsa-transition-normal: 0.25s ease;
}