/*
Theme Name:  EIE Child — Elite Ideas Est.
Theme URI:   https://eliteideas.net
Description: Premium bilingual enterprise theme for Elite Ideas Est. (EIE) — English / Arabic-RTL, vendor-neutral, security-hardened. "Transforming Ideas into Digital Realities."
Author:      Ala'a S. AlShaikh
Author URI:  https://eliteideas.net
Template:    Divi
Version:     0.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: eie-child
License:     Proprietary — Elite Ideas Est.
Tags:        rtl-language-support, translation-ready
*/

/*
 * style.css is the TOKEN CONTRACT only — design tokens as CSS custom properties.
 * No layout rules live here; layout is in assets/css/theme.css (see DESIGN.md / ARCHITECTURE.md §7).
 * Tokens mirror DESIGN.md §2–§6 (canonical): navy #0A1F3D · orange #F5A623 (sole accent) ·
 * gold #C8A24A (Hospitality vertical ONLY) · white + slate neutrals.
 */

:root {
  /* ---- Brand ---- */
  --eie-navy:        #0A1F3D;   /* primary / headings on light / dark surfaces */
  --eie-navy-deep:   #06152B;   /* hero & footer backgrounds, gradients */
  --eie-navy-700:    #12305C;   /* layered navy surfaces, borders on dark */
  --eie-orange:      #F5A623;   /* sole accent — CTAs, links, active, focus-on-dark */
  --eie-orange-600:  #D98A0B;   /* orange hover / pressed (dark surfaces / large text) */
  --eie-orange-deep: #9C5B00;   /* AA text links on light — 5.4:1 white, 5.0:1 grey-50 */
  --eie-gold:        #C8A24A;   /* Hospitality vertical ONLY — never elsewhere */
  --eie-gold-deep:   #7A5D10;   /* AA gold for text on white (~6.2:1) — Hospitality only */

  /* ---- Neutrals (single slate ramp) ---- */
  --eie-white:       #FFFFFF;
  --eie-cream:       #F8F6F2;   /* warm editorial band — alternates with navy below the hero */
  --eie-grey-50:     #F4F6FA;   /* section alt background */
  --eie-grey-100:    #E8EDF4;   /* hairline borders on light */
  --eie-grey-400:    #94A3B8;   /* icons / borders / disabled ONLY (never body text) */
  --eie-grey-500:    #64748B;   /* min for muted text on white (4.76:1) */
  --eie-grey-600:    #475569;   /* body + muted/secondary text on light (7.58:1) */
  --eie-grey-800:    #1E293B;   /* strong body / secondary headings */

  /* ---- Semantic ---- */
  --eie-success:     #1F9D6B;
  --eie-danger:      #D64545;
  --eie-info:        #2E6FB8;

  /* ---- Focus (WCAG 2.4.11) ---- */
  --eie-focus-light: var(--eie-navy);    /* outline on light surfaces (16.45:1) */
  --eie-focus-dark:  var(--eie-orange);  /* outline on navy surfaces (8.12:1) */

  /* ---- Typography ---- */
  --eie-font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
  --eie-font-body:    "Manrope", ui-sans-serif, system-ui, sans-serif;
  --eie-font-arabic:  "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", sans-serif;

  /* Editorial serif — band headings and card titles BELOW the locked hero only.
     Playfair Display is the family the reference build itself uses and it ships
     under the SIL OFL 1.1, so the exact family is self-hostable and no lookalike
     substitute is needed. Georgia is the rights-cleared system fallback and is
     also the reference's own declared fallback, so the page reads correctly
     before the WOFF2 files are dropped in. The locked hero never uses this
     token — it is display-sans by design. */
  --eie-font-serif:   "Playfair Display", Georgia, "Times New Roman", serif;

  /* Fluid type scale */
  --eie-text-display: clamp(3.25rem, 2rem + 3.5vw, 4rem);
  --eie-text-h1:      clamp(2.5rem, 1.5rem + 2.5vw, 3.25rem);
  --eie-text-h2:      clamp(2rem, 1.2rem + 2vw, 2.75rem);
  --eie-text-h3:      1.5rem;
  --eie-text-body-lg: 1.125rem;
  --eie-text-body:    1rem;
  --eie-text-small:   0.875rem;
  --eie-text-eyebrow: 0.75rem;

  /* ---- Elevation ---- */
  --eie-shadow-card:    0 10px 40px -16px rgba(10, 31, 61, 0.18);
  --eie-shadow-elegant: 0 24px 60px -20px rgba(10, 31, 61, 0.45);
  --eie-shadow-glow:    0 0 50px -8px rgba(245, 166, 35, 0.40);

  /* ---- Layout / motion ---- */
  --eie-container:     80rem;
  --eie-radius-card:   1rem;      /* rounded-2xl */
  --eie-radius-cta:    1.5rem;    /* rounded-3xl */
  --eie-radius-pill:   9999px;
  --eie-section-py:    clamp(3rem, 2.25rem + 4vw, 5.5rem);
  --eie-section-py-compact: clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem);
  --eie-duration-fast: 150ms;
  --eie-duration-base: 300ms;
  --eie-ease-out:      cubic-bezier(0.21, 0.5, 0.28, 1);
}