/*
Theme Name: Astra Child - Alexandria Arabia
Theme URI: https://alexarabia.co
Description: Ultramodern standards-compliant engineering design system for Alexandria Arabia.
Author: Antigravity AI
Author URI: https://alexarabia.co
Template: astra
Version: 2.0.0
Text Domain: astra-child
*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Core Technical Palette — aligned with ultramodern + CSF WCAG AA tokens */
  --aa-navy-950: #0E131C;
  --aa-navy-900: #121826;
  --aa-navy-800: #1A2332;
  --aa-navy-700: #243041;
  --aa-slate-100: #F1F5F9;
  --aa-slate-50: #F8FAFC;
  --aa-slate-800: #1E293B;
  --aa-slate-900: #0F172A;
  
  /* Brand Accents */
  --aa-crimson: #C41E3A;
  --aa-crimson-hover: #E02A48;
  --aa-crimson-on-dark: #FF6B7A;
  --aa-cyan: #8B9AAB;
  --aa-cyan-glow: rgba(139, 154, 171, 0.22);
  --aa-emerald: #10B981;
  --aa-amber: #F59E0B;
  
  /* Semantic Tokens */
  --aa-bg-dark: var(--aa-navy-900);
  --aa-bg-darker: var(--aa-navy-950);
  --aa-surface-card: rgba(255, 255, 255, 0.04);
  --aa-surface-card-hover: rgba(255, 255, 255, 0.08);
  --aa-border-subtle: rgba(255, 255, 255, 0.08);
  --aa-border-hover: rgba(196, 30, 58, 0.4);
  
  --aa-text-primary: #FFFFFF;
  --aa-text-secondary: #CBD5E1;
  --aa-text-muted: #475569;
  --aa-text-muted-on-dark: #CBD5E1;
  --aa-text-dark: #0F172A;
  
  /* Typography */
  --aa-font-ar: 'Cairo', system-ui, -apple-system, sans-serif;
  --aa-font-en: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  
  /* Elevation & Motion */
  --aa-radius-sm: 8px;
  --aa-radius-md: 14px;
  --aa-radius-lg: 20px;
  --aa-radius-full: 9999px;
  --aa-shadow-glow: 0 0 40px -10px rgba(217, 4, 41, 0.3);
  --aa-shadow-cyan: 0 0 35px -10px rgba(0, 210, 255, 0.35);
  --aa-shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.4);
  --aa-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Global Font Assignment */
html[lang="ar"], body.rtl {
  font-family: var(--aa-font-ar);
}
html[lang="en-US"], html[lang="en"], body:not(.rtl) {
  font-family: var(--aa-font-en);
}

/* Base resets for modern layouts */
.site-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ast-container {
  max-width: 100% !important;
  padding: 0 !important;
}
.entry-content {
  margin: 0 !important;
}