/*
Theme Name: The Forge Studio
Theme URI: https://theforgestudio.in
Description: The Forge Studio — a brand revamp of the Motto theme by WebGeniusLab. This is a child theme: it inherits 100% of Motto's functionality (all WGL widgets, the header/footer/mega-menu builders, RevSlider support and Elementor patterns) while applying The Forge Studio brand system (Vibrant Vermilion, Forge Black, Lufga / Inter / Space Mono). Because it stays identical to Motto, widgets and patterns can be added or changed in future without losing parent-theme updates.
Author: The Forge Studio
Author URI: https://theforgestudio.in
Template: motto
Version: 1.0.0
Requires PHP: 7.4
Text Domain: the-forge-studio
Domain Path: /languages
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: agency, portfolio, elementor, business
*/

/* ============================================================
   THE FORGE STUDIO — BRAND TOKENS
   Source: Forge Studio Brand Guidelines v3.
   These CSS variables mirror the Elementor Global Kit so the
   brand stays consistent whether a style is produced by CSS,
   a custom widget, or Elementor. Use var(--forge-*) anywhere.
   ============================================================ */
:root {
    --forge-vermilion: #FF4B33;   /* Primary accent — CTAs, highlights, links */
    --forge-black:     #1D1D1D;   /* Dark surfaces, cards */
    --forge-charcoal:  #121212;   /* Deepest dark background, navbar, footer */
    --forge-silver:    #E2E8F0;   /* Primary text on dark */
    --forge-muted:     #9BAABB;   /* Secondary text on dark */
    --forge-white:     #F8F7F4;   /* Light primary background (warm) */
    --forge-parchment: #EFEFED;   /* Light card surface */
    --forge-graphite:  #2C2C2C;   /* Body text on light */

    --forge-font-display: "Lufga", "Outfit", system-ui, sans-serif; /* H1–H3, display */
    --forge-font-body:    "Inter", system-ui, -apple-system, sans-serif; /* body, UI */
    --forge-font-mono:    "Space Mono", ui-monospace, monospace; /* labels, meta */

    --forge-radius:  4px;  /* UI corners — sharp brand; max 8px */
    --forge-border:  1px solid rgba(226, 232, 240, 0.12);
}

/* ------------------------------------------------------------
   Safe brand utilities (opt-in classes; do not override Motto
   globally — heavy styling belongs in the Elementor Global Kit).
   ------------------------------------------------------------ */
.forge-accent      { color: var(--forge-vermilion) !important; }
.forge-bg-dark     { background-color: var(--forge-charcoal) !important; }
.forge-bg-black    { background-color: var(--forge-black) !important; }
.forge-display     { font-family: var(--forge-font-display) !important; }
.forge-mono        { font-family: var(--forge-font-mono) !important; letter-spacing: .12em; text-transform: uppercase; }

/* The Forge Studio custom widgets / patterns add their styles here
   or via their own enqueued stylesheets. Keep this file lean so the
   parent (Motto) styling and the Elementor Global Kit stay in control. */