/*
Theme Name: Talal SEO
Theme URI: https://muhammadtalal.com
Author: Muhammad Talal
Author URI: https://muhammadtalal.com
Description: Minimal, premium personal brand theme for Muhammad Talal — Local SEO Specialist. Black and yellow, mobile-first, high-performance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: talal-seo
Tags: portfolio, one-page, minimal, dark, responsive, seo
*/

/* =====================================================
   DESIGN TOKENS — Single source of truth
   ===================================================== */
:root {
  --color-black:   #000000;
  --color-yellow:  #FFEB18;
  --color-white:   #FFFFFF;
  --color-bg:      #F7F7F5;
  --color-gray-1:  #111111;
  --color-gray-2:  #222222;
  --color-gray-3:  #444444;
  --color-gray-4:  #888888;
  --color-gray-5:  #CCCCCC;
  --color-border:  rgba(255,255,255,0.08);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Inter', sans-serif;

  --size-xs:   0.75rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-lg:   1.125rem;
  --size-xl:   1.25rem;
  --size-2xl:  1.5rem;
  --size-3xl:  1.875rem;
  --size-4xl:  2.25rem;
  --size-5xl:  3rem;
  --size-6xl:  3.75rem;
  --size-7xl:  4.5rem;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 999px;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --shadow-md:  0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg:  0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
  --shadow-xl:  0 20px 40px rgba(0,0,0,0.15);

  --nav-h:     72px;
  --section-v: 96px;
  --max-w:     1200px;
  --content-w: 760px;

  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}