/*
Theme Name: HedgeCraft - Co-Space & Trading Academy
Theme URI: https://www.hedgecraft.in
Author: HedgeCraft Team
Author URI: https://www.hedgecraft.in
Description: Modern, high-converting D2C WordPress theme designed for HedgeCraft — Dehradun's premier Co-Trading Space & Professional Trading Academy (HTP). Features an interactive D2C checkout with live 18% GST calculation, WhatsApp order confirmation, course curriculum showcase, and co-space desk booking.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
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: hedgecraft
Tags: trading, finance, dark-theme, e-commerce, d2c, academy, education, responsive-layout, block-patterns
*/

/* Core CSS Variables and Base Layout */
:root {
  --bg-primary: #070a12;
  --bg-secondary: #0d1322;
  --bg-card: #121a2d;
  --bg-card-hover: #18233c;
  --bg-card-alt: #162036;
  --border-color: rgba(255, 255, 255, 0.08);
  --border-glow: rgba(0, 210, 106, 0.25);
  --border-glow-cyan: rgba(0, 163, 255, 0.25);
  
  --color-green: #00d26a;
  --color-green-light: #2ee689;
  --color-green-glow: rgba(0, 210, 106, 0.15);
  --color-cyan: #00a3ff;
  --color-cyan-light: #38bdf8;
  --color-cyan-glow: rgba(0, 163, 255, 0.15);
  
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-highlight: #ffffff;
  
  --accent-gold: #f59e0b;
  --accent-red: #ef4444;
  
  --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --shadow-glow-green: 0 0 25px rgba(0, 210, 106, 0.25);
  --shadow-glow-cyan: 0 0 25px rgba(0, 163, 255, 0.25);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  background-color: var(--bg-primary);
  color: var(--text-main);
  font-family: var(--font-main);
  line-height: 1.6;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-main);
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}