/*
Theme Name:  Mais Alghanim
Theme URI:   https://www.maisalghanim.com
Author:      Mais Alghanim
Description: Premium custom theme — genuine hospitality since 1953. Fully bilingual EN/AR, RTL-ready, zero page-builder dependency.
Version:     2.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: mais-alghanim
Tags: custom-theme, restaurant, bilingual, rtl-language-support
*/

/* ==========================================================================
   DESIGN TOKENS
   All values derived from the official logo (gold #C5AA64, charcoal
   #636464). Nothing invented. Change the variables here and the entire
   site updates. Fonts are Playfair Display (EN display) + IBM Plex Sans
   (EN body) + Noto Naskh Arabic — all Google Fonts, swappable in one
   place once official licensed fonts are supplied.
   ========================================================================== */
:root {
  /* --- Brand palette (extracted from logo file) --- */
  --gold:           #C5AA64;
  --gold-light:     #D9C48A;
  --gold-dark:      #A08840;
  --gold-pale:      #F2ECD8;
  --ink:            #1A1814;
  --ink-soft:       #2E2B25;
  --charcoal:       #636464;
  --stone:          #9A9590;
  --cream:          #FAF6EE;
  --cream-mid:      #F0E9D8;
  --white:          #FFFFFF;
  --border:         rgba(197,170,100,.22);
  --border-strong:  rgba(197,170,100,.45);

  /* --- Semantic roles --- */
  --color-bg:       var(--cream);
  --color-bg-dark:  var(--ink);
  --color-surface:  var(--white);
  --color-text:     var(--ink);
  --color-muted:    var(--charcoal);
  --color-accent:   var(--gold);
  --color-accent-h: var(--gold-dark);

  /* --- Typography (EN) --- */
  --font-display:   'Playfair Display', Georgia, serif;
  --font-body:      'IBM Plex Sans', -apple-system, sans-serif;

  /* --- Typography (AR) --- */
  --font-display-ar: 'Noto Naskh Arabic', 'Traditional Arabic', serif;
  --font-body-ar:    'Noto Naskh Arabic', 'Traditional Arabic', serif;

  /* --- Type scale --- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-4xl:  3rem;
  --text-5xl:  4rem;
  --text-6xl:  5.5rem;

  /* --- Spacing --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* --- Layout --- */
  --container:      1280px;
  --container-text: 780px;
  --radius-sm:      2px;
  --radius:         4px;
  --radius-lg:      8px;

  /* --- Motion --- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:    cubic-bezier(0.64, 0, 0.78, 0);
  --dur-fast:   0.2s;
  --dur-base:   0.5s;
  --dur-slow:   0.9s;
}

/* Arabic overrides */
html[lang="ar"] {
  --font-display: var(--font-display-ar);
  --font-body:    var(--font-body-ar);
}