/**
 * Tracksies HQ - CSS Variables
 * Single source of truth for all Tracksies CSS variables.
 * Brand Hub injects --tracksies-color-* variables via admin_head.
 *
 * @package Tracksies
 * @since 2.0.0
 */

:root {
	/* =========================================================================
	   Brand Colors — Tracksies brand palette
	   Brand Hub injects --tracksies-color-* which override these fallbacks.
	   ========================================================================= */
	--tracksies-primary: var(--tracksies-color-primary, #E7722F);   /* Hot Cinnamon */
	--tracksies-secondary: var(--tracksies-color-secondary, #2AA9A9); /* Linksie Teal */
	--tracksies-accent: var(--tracksies-color-accent, #F4AF30);     /* Trustie Gold */

	/* =========================================================================
	   Text Colors
	   ========================================================================= */
	--tracksies-text: var(--tracksies-color-text, #332927);
	--tracksies-text-light: var(--tracksies-color-text-light, #646970);
	--tracksies-text-muted: #a0a0a0;

	/* =========================================================================
	   Background & Surface Colors
	   ========================================================================= */
	--tracksies-background: var(--tracksies-color-background, #F1F2F2); /* Concrete */
	--tracksies-surface: var(--tracksies-color-surface, #F1F2F2);       /* Concrete */
	--tracksies-border: var(--tracksies-color-border, #332927);
	--tracksies-border-light: #c3c4c7;

	/* =========================================================================
	   Status Colors — these double as plugin identity colours
	   ========================================================================= */
	--tracksies-success: var(--tracksies-color-success, #7EB77F);   /* Pipesie Green */
	--tracksies-warning: var(--tracksies-color-warning, #F4AF30);   /* Trustie Gold */
	--tracksies-error: var(--tracksies-color-error, #E34D4E);       /* Pipesie Red */
	--tracksies-info: var(--tracksies-color-info, #3E7CB1);         /* Woo Blue */

	/* =========================================================================
	   Component Dimensions (Standardized)
	   ========================================================================= */
	--tracksies-toggle-width: 50px;
	--tracksies-toggle-height: 26px;
	--tracksies-toggle-knob: 20px;

	/* =========================================================================
	   Border Radius Scale
	   ========================================================================= */
	--tracksies-radius-sm: 3px;
	--tracksies-radius: 4px;
	--tracksies-radius-md: 6px;
	--tracksies-radius-lg: 8px;
	--tracksies-radius-pill: 12px;
	--tracksies-radius-round: 50%;

	/* =========================================================================
	   Spacing Scale (8px base)
	   ========================================================================= */
	--tracksies-space-xs: 4px;
	--tracksies-space-sm: 8px;
	--tracksies-space-md: 12px;
	--tracksies-space: 16px;
	--tracksies-space-lg: 20px;
	--tracksies-space-xl: 24px;
	--tracksies-space-2xl: 32px;

	/* =========================================================================
	   Typography
	   ========================================================================= */
	--tracksies-font-mono: 'JetBrains Mono', 'Consolas', monospace;
	--tracksies-font-size-xs: 13px;
	--tracksies-font-size-sm: 14px;
	--tracksies-font-size: 15px;
	--tracksies-font-size-md: 16px;
	--tracksies-font-size-lg: 18px;
	--tracksies-line-height: 1.5;
	--tracksies-line-height-tight: 1.3;

	/* =========================================================================
	   Shadows
	   ========================================================================= */
	--tracksies-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
	--tracksies-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	--tracksies-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
	--tracksies-shadow-modal: 0 10px 40px rgba(0, 0, 0, 0.2);

	/* =========================================================================
	   Z-Index Scale
	   ========================================================================= */
	--tracksies-z-dropdown: 1000;
	--tracksies-z-sticky: 1020;
	--tracksies-z-modal: 100100;
	--tracksies-z-toast: 100200;
}