/*
Theme Name: SQL ForgeMaster
Theme URI: https://sqlforgemaster.com
Author: SQL - Shahrukh Qureshi Lohaywala
Author URI: https://sqlforgemaster.com
Description: Premium WordPress theme for Iron Fabrication industry. Features AI-driven design intelligence, 30+ section templates, full Gutenberg compatibility, Elementor/WPBakery support, and a powerful Theme Options panel. Built for strength, precision, and industrial excellence.
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: sql-forgemaster
Tags: industrial, fabrication, manufacturing, B2B, Gutenberg, Elementor, responsive, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

AI Design Intelligence:
Industry: Iron Fabrication
Style: Industrial / Modern / Corporate
Audience: B2B / Premium
Color System: Dark metallic, steel grey, forge orange accent
Typography: Bold, strong, industrial-grade
*/

/* ========================================
   CSS CUSTOM PROPERTIES (DESIGN TOKENS)
   Three-Layer Architecture: Primitive → Semantic → Component
   ======================================== */

:root {
    /* === PRIMITIVE TOKENS === */
    --color-charcoal-900: #0D0D0D;
    --color-charcoal-800: #1A1A1A;
    --color-charcoal-700: #2D2D2D;
    --color-steel-600: #3A3A3A;
    --color-steel-500: #4A4A4A;
    --color-steel-400: #6B6B6B;
    --color-steel-300: #8C8C8C;
    --color-steel-200: #B0B0B0;
    --color-steel-100: #D4D4D4;
    --color-steel-50: #E8E8E8;
    --color-forge-orange-600: #D45500;
    --color-forge-orange-500: #E8601C;
    --color-forge-orange-400: #F97316;
    --color-forge-orange-300: #FB923C;
    --color-forge-orange-200: #FDBA74;
    --color-forge-orange-100: #FED7AA;
    --color-white: #FFFFFF;
    --color-off-white: #F5F5F5;
    --color-light-grey: #E5E5E5;
    --color-metallic: #C0C0C0;

    /* === SEMANTIC TOKENS === */
    --color-primary: var(--color-charcoal-800);
    --color-primary-light: var(--color-charcoal-700);
    --color-secondary: var(--color-steel-500);
    --color-accent: var(--color-forge-orange-500);
    --color-accent-hover: var(--color-forge-orange-400);
    --color-accent-light: var(--color-forge-orange-100);
    --color-background: var(--color-white);
    --color-background-alt: var(--color-off-white);
    --color-background-dark: var(--color-charcoal-900);
    --color-text: var(--color-charcoal-800);
    --color-text-light: var(--color-steel-400);
    --color-text-inverse: var(--color-white);
    --color-border: var(--color-light-grey);
    --color-border-dark: var(--color-steel-600);
    --color-success: #22C55E;
    --color-warning: var(--color-forge-orange-500);
    --color-error: #EF4444;

    /* === TYPOGRAPHY TOKENS === */
    --font-heading: 'Oswald', 'Arial Black', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-accent: 'Roboto Condensed', sans-serif;

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

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --line-height-tight: 1.1;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.05em;
    --letter-spacing-wider: 0.1em;

    /* === SPACING TOKENS (8pt grid) === */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* === LAYOUT TOKENS === */
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1280px;
    --container-2xl: 1440px;
    --container-max: 1600px;

    /* === BORDER RADIUS === */
    --radius-none: 0;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;

    /* === SHADOWS === */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-metallic: 0 4px 20px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --shadow-forge: 0 0 30px rgba(232, 96, 28, 0.3);

    /* === TRANSITIONS === */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
    --transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* === Z-INDEX SCALE === */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 300;
    --z-modal: 400;
    --z-popover: 500;
    --z-tooltip: 600;
    --z-toast: 700;
}

/* ========================================
   GLOBAL BASE TYPOGRAPHY
   Applies customizer font tokens to every element.
   The :root variables are overridden dynamically by
   sqlfm_customizer_css() on wp_head, so these rules
   automatically reflect whatever the user picks.
   ======================================== */
body {
    font-family: var(--font-body);
    font-size: var(--font-size-body, 1rem);
    line-height: var(--line-height-normal);
    color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    line-height: var(--line-height-tight);
    /* No color here — inherits from section inline style (white on dark, dark on light).
       Setting color explicitly would override inherited text_color from get_section_styles(). */
}

p {
    font-family: var(--font-body);
    /* Inherits color from parent context */
}