/*
Theme Name: AgencyInsightLab Child
Theme URI: https://agencyinsightlab.com/
Template: topicforge
Author: Tistasoft
Author URI: https://tistasoft.com/
Description: The theme to activate. Everything you customise goes in here, so the parent theme can be replaced with a newer version without losing your changes.
Version: 1.0.0
Requires at least: 6.2
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: topicforge-child
*/

/* ==========================================================================
   Your overrides go here.
   --------------------------------------------------------------------------
   This file loads after the parent's assets/css/theme.css, so anything you
   write here wins at equal specificity — no !important needed.

   The parent is built almost entirely out of the custom properties below.
   Redefining one on :root re-tints every component that uses it, which is
   nearly always a better move than restyling individual elements.

   Everything in this file is commented out on purpose: an untouched child
   theme should look exactly like the parent.
   ========================================================================== */


/* --- 1. Brand colours -----------------------------------------------------

   The four brand colours are also editable in Customize → AgencyInsightLab →
   Colours, which is the better place for them if a non-developer will be
   changing them. Use this block for the ones the Customizer does not expose.

:root {
    --tf-brand:      #0F7A8B;
    --tf-brand-dark: #0B5C69;
    --tf-brand-deep: #084651;
    --tf-brand-soft: #9AC7CE;
    --tf-bright:     #23AEC4;

    --tf-dark:       #10242C;
    --tf-dark-2:     #16333C;

    --tf-ink:        #16272C;
    --tf-body:       #46595F;
    --tf-muted:      #66797F;

    --tf-bg-soft:    #F4F7F8;
    --tf-bg-tint:    #EAF4F6;
    --tf-line:       #E4EAEC;
}
*/


/* --- 2. Typography --------------------------------------------------------

   If you swap a family here, also filter `topicforge_fonts_url` in
   functions.php so the right webfont is actually loaded — changing only the
   variable gives you a fallback face.

:root {
    --tf-font-display: 'Manrope', system-ui, sans-serif;
    --tf-font-text:    'IBM Plex Sans', system-ui, sans-serif;
    --tf-font-mono:    'IBM Plex Mono', monospace;
}
*/


/* --- 3. Shape and rhythm --------------------------------------------------

   --tf-section is the vertical padding on every section; the responsive
   rules scale it down on their own, so changing it here changes all of them.

:root {
    --tf-r:        12px;
    --tf-r-lg:     18px;
    --tf-r-pill:   999px;
    --tf-section:  96px;
    --tf-container: 1200px;
}
*/


/* --- 4. Component tweaks --------------------------------------------------

.tf-btn-primary {
    box-shadow: none;
}

.tf-hero {
    padding-block: 120px 128px;
}

.tf-service-card {
    border-radius: var(--tf-r);
}
*/


/* --- 5. Your own additions ------------------------------------------------
   Write new CSS below this line.
   ========================================================================== */