/*
Theme Name: SAI WORLD S.L. Corporate
Theme URI: https://sai-world.org
Author: SAI WORLD S.L.
Author URI: https://sai-world.org
Description: Modern, formal, and responsive corporate theme for SAI WORLD S.L. - Spanish general trading and international commerce conglomerate (NIF: B93993137). Built with executive styling, bilingual English/Spanish/Arabic support, 8 business sectors showcase, RFQ calculator, and live cargo tracking.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sai-world
Tags: corporate, trading, import-export, responsive, rtl-language-support, custom-menu, featured-images
*/

/* ==========================================================================
   SAI WORLD S.L. - DESIGN SYSTEM VARIABLES
   ========================================================================== */
:root {
  /* Brand Colors from Official Logo & Card */
  --color-primary-dark: #07162c;
  --color-primary: #0a1f3d;
  --color-primary-light: #102e5b;
  --color-navy-blue: #0b2545;
  --color-accent-cyan: #00a3e0;
  --color-accent-teal: #00c2cb;
  --color-accent-glow: rgba(0, 163, 224, 0.35);
  --color-silver: #9da8b3;
  --color-silver-light: #e2e8f0;
  --color-silver-border: rgba(157, 168, 179, 0.25);
  --color-slate-bg: #f8fafc;
  --color-card-bg: #ffffff;
  --color-text-main: #1e293b;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;
  --color-white: #ffffff;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  
  /* Gradients */
  --grad-primary: linear-gradient(135deg, #07162c 0%, #0b2545 100%);
  --grad-hero: linear-gradient(135deg, rgba(7, 22, 44, 0.94) 0%, rgba(11, 37, 69, 0.88) 100%);
  --grad-cyan: linear-gradient(135deg, #00a3e0 0%, #00c2cb 100%);
  --grad-silver: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);
  --grad-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  
  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-arabic: 'Tajawal', 'Cairo', sans-serif;
  
  /* Elevation Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 25px rgba(0, 163, 224, 0.35);
  
  /* Layout */
  --container-max: 1280px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --border-radius-full: 9999px;
  --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base styles are detailed in assets/css/main.css */