/*
Theme Name: GenxChild
Theme URI: https://compuwebcenter.com
Description: Reusable color/typography child theme for MasterTheme, built by TechGenX. Only overrides --color-* and --font-* custom properties — all layout, structure, and components are inherited from the parent. Same theme is reused across every site; only the values in the :root block below change per deployment.
Author: TechGenX
Author URI: https://compuwebcenter.com
Template: MasterTheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genxchild
*/

/* ==================================================
   HOW TO USE THIS FILE — PER-SITE SETUP
   ==================================================
   This theme is reused as-is across every site. Do not
   rename it, do not change the folder name. The only
   thing that changes per deployment is the values inside
   the :root block below.

   1. Set --color-primary / --color-secondary to the
      site's brand colors.
   2. Set --font-family-base / --font-family-heading.
      If using Google Fonts, uncomment the @import line
      below, add the font(s) needed, and point the
      --font-family-* values at them.
   3. Leave everything else (spacing, radius, shadows,
      layout widths) alone — those live in MasterTheme
      and are not this theme's job to touch.
   4. Do not add template PHP files (single.php,
      front-page.php, index.php, etc.) to this theme.
      If a site needs structural changes, that belongs
      in MasterTheme itself or a true one-off child
      theme — not in GenxChild.
   ================================================== */

/* Optional: Google Fonts. Uncomment and edit per site if needed.
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap');
*/

:root {

  /* ----------------------------------
     Site Colors
     Overrides MasterTheme's defaults from
     00-variables.css. Keep these exact
     variable names — every component
     (buttons, links, header, footer, etc.)
     reads from them automatically.
     ---------------------------------- */
  --color-primary: #2563eb;
  --color-primary-light: #3b82f6;
  --color-primary-dark: #1e40af;

  --color-secondary: #f59e0b;
  --color-secondary-light: #fbbf24;
  --color-secondary-dark: #d97706;

  /* Body copy, headings, backgrounds, borders.
     Usually fine to leave as MasterTheme's gray
     scale defaults — only change for a site that
     needs an off-white background, dark mode, or
     non-default text color. */
  --color-text: var(--color-gray-900);
  --color-text-light: var(--color-gray-600);
  --color-text-muted: var(--color-gray-500);

  --color-background: #ffffff;
  --color-background-alt: var(--color-gray-50);
  --color-background-dark: var(--color-gray-100);

  --color-border: var(--color-gray-200);
  --color-border-light: var(--color-gray-100);
  --color-border-dark: var(--color-gray-300);

  /* ----------------------------------
     Site Fonts
     Defaults to MasterTheme's system font
     stack. Replace with a Google Fonts family
     name (and uncomment the @import above) if
     this site needs custom type.
     ---------------------------------- */
  --font-family-base: -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif;
  --font-family-heading: var(--font-family-base);

  /* Example once Google Fonts is enabled above:
  --font-family-base: 'Open Sans', sans-serif;
  --font-family-heading: 'Poppins', sans-serif;
  */

  /* Font sizes — only change if this site's type
     needs to run larger/smaller than MasterTheme's
     default scale. Leave as-is in most cases. */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
}