/* ==========================================================================
   SIRA Design Tokens
   Single source of truth for colors, type, spacing, radius, shadows.
   Used by every other SIRA stylesheet — never inline hex values.
   ========================================================================== */

:root {
	/* ---------- Brand palette ---------- */
	--sira-navy:        #081226;
	--sira-navy-700:    #0C1A35;
	--sira-navy-500:    #14264D;
	--sira-blue:        #1E90FF;
	--sira-blue-600:    #1A7FE0;
	--sira-cyan:        #00D2C6;
	--sira-cyan-300:    #56E3DB;
	--sira-purple:      #8A2BE2;

	/* ---------- Backgrounds (light theme) ---------- */
	--sira-bg:          #F6FAFC;
	--sira-bg-soft:     #EEF6F8;
	--sira-bg-elev:     #FFFFFF;
	--sira-surface:     #FFFFFF;
	--sira-surface-2:   #FBFDFE;
	--sira-border:      rgba(8, 18, 38, 0.08);
	--sira-border-strong: rgba(8, 18, 38, 0.14);

	/* ---------- Text ---------- */
	--sira-text:        #0C1A35;
	--sira-text-muted:  #5A6B8C;
	--sira-text-faint:  #8595B0;
	--sira-text-on-brand: #FFFFFF;

	/* ---------- Gradients ---------- */
	--sira-gradient:        linear-gradient(135deg, #1E90FF 0%, #00D2C6 100%);
	--sira-gradient-soft:   linear-gradient(135deg, rgba(30,144,255,0.10) 0%, rgba(0,210,198,0.10) 100%);
	--sira-gradient-purple: linear-gradient(135deg, #8A2BE2 0%, #1E90FF 100%);
	--sira-gradient-navy:   linear-gradient(180deg, #081226 0%, #0C1A35 100%);

	/* ---------- Shadows ---------- */
	--sira-shadow-xs:  0 1px 2px rgba(8, 18, 38, 0.04);
	--sira-shadow-sm:  0 2px 6px rgba(8, 18, 38, 0.05), 0 1px 2px rgba(8,18,38,0.04);
	--sira-shadow:     0 6px 18px rgba(8, 18, 38, 0.07), 0 2px 4px rgba(8,18,38,0.04);
	--sira-shadow-lg:  0 18px 40px rgba(8, 18, 38, 0.10), 0 4px 12px rgba(8,18,38,0.05);
	--sira-shadow-focus: 0 0 0 3px rgba(30,144,255,0.18);

	/* ---------- Radius ---------- */
	--sira-radius-xs: 6px;
	--sira-radius-sm: 10px;
	--sira-radius:    14px;
	--sira-radius-lg: 20px;
	--sira-radius-pill: 999px;

	/* ---------- Typography ---------- */
	--sira-font:      "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--sira-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

	/* ---------- Motion ---------- */
	--sira-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
	--sira-transition-slow: 320ms cubic-bezier(0.4, 0, 0.2, 1);

	/* ---------- Status ---------- */
	--sira-success: #14A38B;
	--sira-warning: #E2A03F;
	--sira-danger:  #E25555;
	--sira-info:    var(--sira-blue);
}

/* RTL helpers */
html[dir="rtl"] body { font-family: "Tajawal", var(--sira-font); }