/*
 Theme Name:   TechVent Labs Child
 Theme URI:    https://techventlabs.com
 Description:  TechVent Labs Global — Astra Child Theme
 Author:       TechVent Labs Global Pvt. Ltd.
 Author URI:   https://techventlabs.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  techventlabs-child
*/

/* ==========================================================================
   DESIGN TOKENS — TechVent Labs Brand System
   ========================================================================== */

:root {

  /* --- Color Palette --- */
  --tvl-bg:          #06101F;   /* Midnight Navy — page background */
  --tvl-surface:     #0D1E35;   /* Deep Blue — cards, panels */
  --tvl-surface-2:   #112440;   /* Elevated surface — hover states */
  --tvl-border:      #1A2F4A;   /* Subtle border */
  --tvl-border-glow: #00C9B140; /* Teal border with alpha */

  --tvl-teal:        #00C9B1;   /* Electric Teal — primary accent */
  --tvl-teal-dim:    #00C9B126; /* Teal fill alpha */
  --tvl-teal-dark:   #009D8D;   /* Teal hover */

  --tvl-saffron:     #F5820D;   /* Saffron — secondary accent (Indian identity) */
  --tvl-saffron-dim: #F5820D1A;
  --tvl-saffron-dark:#C76A0A;

  --tvl-text:        #F4F6F9;   /* Primary text */
  --tvl-text-muted:  #8A95A3;   /* Secondary text */
  --tvl-text-faint:  #4A5568;   /* Disabled / decorative */

  /* --- Typography --- */
  --tvl-font-display: 'Syne', sans-serif;
  --tvl-font-body:    'Source Serif 4', serif;
  --tvl-font-mono:    'JetBrains Mono', monospace;

  /* --- Spacing Scale --- */
  --tvl-sp-1:  0.25rem;
  --tvl-sp-2:  0.5rem;
  --tvl-sp-3:  0.75rem;
  --tvl-sp-4:  1rem;
  --tvl-sp-6:  1.5rem;
  --tvl-sp-8:  2rem;
  --tvl-sp-12: 3rem;
  --tvl-sp-16: 4rem;
  --tvl-sp-24: 6rem;

  /* --- Border Radius --- */
  --tvl-radius:    4px;
  --tvl-radius-lg: 8px;
  --tvl-radius-xl: 12px;

  /* --- Shadows --- */
  --tvl-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --tvl-shadow-glow: 0 0 32px rgba(0, 201, 177, 0.15);
  --tvl-shadow-saffron: 0 0 32px rgba(245, 130, 13, 0.15);

  /* --- Transitions --- */
  --tvl-ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --tvl-ease-out:  cubic-bezier(0, 0, 0.2, 1);
  --tvl-duration:  240ms;
}

/* ==========================================================================
   BASE OVERRIDES — Applied on top of Astra defaults
   ========================================================================== */

body {
  background-color: var(--tvl-bg);
  color: var(--tvl-text);
  font-family: var(--tvl-font-body);
  font-size: 1.0625rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--tvl-font-display);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--tvl-text);
}

a {
  color: var(--tvl-teal);
  text-decoration: none;
  transition: color var(--tvl-duration) var(--tvl-ease);
}
a:hover { color: var(--tvl-teal-dark); }

p { margin-bottom: 1.25em; color: var(--tvl-text); }

code, pre, .tvl-mono {
  font-family: var(--tvl-font-mono);
  font-size: 0.875em;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--tvl-bg); }
::-webkit-scrollbar-thumb { background: var(--tvl-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--tvl-teal); }

/* Selection */
::selection { background: var(--tvl-teal-dim); color: var(--tvl-teal); }