/*
Theme Name:        Tradecraft Academy
Theme URI:         https://tcaedu.co.za
Author:            S10U
Author URI:        https://s10u.co.za
Description:       A professional LMS e-commerce theme for Tradecraft Academy. Built for WooCommerce course sales, compatible with Elementor page builder. Brand: Forest Green, Sage, Cream, Orange.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:           Proprietary
License URI:       https://tcaedu.co.za
Text Domain:       tradecraft-academy
Tags:              e-commerce, education, elementor, woocommerce, lms

WooCommerce:       tested up to 9.0
Elementor:         tested up to 3.27
*/

/* ── CSS Custom Properties ── */
:root {
  /* Brand Palette */
  --tc-forest:        #1F4E2D;
  --tc-green:         #2C5A34;
  --tc-sage:          #4D8A57;
  --tc-sage-light:    #8AB379;
  --tc-sage-faint:    #C5DDB8;
  --tc-cream:         #F9F7F3;
  --tc-cream-mid:     #F6F3EE;
  --tc-cream-dark:    #E8E4DC;
  --tc-orange:        #CB6125;
  --tc-orange-light:  #E97132;
  --tc-ink:           #1D1D1B;
  --tc-ink-mid:       #3A3835;
  --tc-ink-light:     #5A5854;
  --tc-ink-faint:     #B5B3AD;
  --tc-white:         #FFFFFF;

  /* Elementor-compatible tokens */
  --e-global-color-primary:    #2C5A34;
  --e-global-color-secondary:  #CB6125;
  --e-global-color-text:       #1D1D1B;
  --e-global-color-accent:     #4D8A57;

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing */
  --nav-height: 72px;
}

/* ── Google Fonts import ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── Base reset ── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--tc-ink);
  background-color: var(--tc-cream);
  margin: 0;
  padding: 0;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--tc-sage); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--tc-forest); }
p { margin: 0 0 1rem; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2; margin: 0 0 1rem; color: var(--tc-ink); }
ul, ol { padding-left: 1.5rem; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; word-wrap: normal; }