/*
Theme Name: TechVon Child Theme - Base Styles
Description: Base design tokens, colors, typography, and utility classes for TechVon.
Version: 1.1
*/

:root {
  /* Color Palette */
  --techvon-primary: #4F46E5;
  --techvon-primary-dark: #3525cd;
  --techvon-cyan: #06B6D4;
  --techvon-dark: #0F172A;
  --techvon-bg: #F8FAFC;
  --techvon-text: #0F172A;
  --techvon-muted: #475569;
  --techvon-border: #E2E8F0;
  --techvon-white: #FFFFFF;

  /* Layout and Spacing */
  --techvon-max-width: 1280px;
  --techvon-gutter: 24px;
  --techvon-header-height: 72px;

  /* Radius */
  --techvon-radius-sm: 8px;
  --techvon-radius-card: 24px;
  --techvon-radius-img: 20px;
  --techvon-radius-pill: 9999px;

  /* Shadows */
  --techvon-shadow-editorial: 0px 12px 32px rgba(15, 23, 42, 0.08);
}

/* =========================================================================
   GLOBAL TYPOGRAPHY OVERRIDE (Inter Sync)
   ========================================================================= */

html,
body,
button,
input,
select,
textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
  font-weight: 400;
  line-height: 1.7;
  color: var(--techvon-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.heading-font,
.nav > li > a,
.header-nav a,
.header-button,
.button,
button,
input,
select,
textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* =========================================================================
   FLATSOME SPECIFIC TYPOGRAPHY OVERRIDES
   ========================================================================= */

.header,
.header-wrapper,
.header-main,
.nav,
.nav li,
.nav li a,
.off-canvas,
.mobile-sidebar,
.footer,
.footer-wrapper,
.absolute-footer,
#masthead,
#wide-nav,
#main,
#content {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.uppercase,
.is-small,
.is-large,
.lead,
.section-title,
.widget-title,
.product-title,
.entry-title,
.page-title,
.post-title,
.entry-content,
.blog-wrapper,
.page-wrapper {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* =========================================================================
   TECHVON COMPONENT TYPOGRAPHY
   ========================================================================= */

.techvon-page,
.techvon-policy-page,
.techvon-contact-page,
.techvon-card,
.techvon-button,
.techvon-form-control,
.techvon-toc-card,
.techvon-trust-card,
.techvon-newsletter {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* =========================================================================
   TYPOGRAPHY SCALE
   ========================================================================= */

.techvon-page h1 {
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.techvon-page h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -0.03em;
}

.techvon-page h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.techvon-page p,
.techvon-editor-content p,
.techvon-editor-content li {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}

.techvon-page .techvon-muted,
.techvon-page .techvon-meta,
.techvon-page small {
  color: var(--techvon-muted);
}

/* =========================================================================
   BUTTON / INPUT FONT
   ========================================================================= */

.techvon-button,
.button,
button,
input[type="submit"],
input[type="button"] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

input,
textarea,
select {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px;
}

/* =========================================================================
   BASE RESET & LAYOUT UTILITIES
   ========================================================================= */

.techvon-wrapper {
  font-family: 'Inter', sans-serif;
  color: var(--techvon-text);
  background-color: var(--techvon-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Typography Utilities classes */
.techvon-display-lg {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.02em;
}

.techvon-headline-lg {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.01em;
}

.techvon-headline-md {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.techvon-body-lg {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.techvon-body-md {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.techvon-label-md {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.01em;
}

/* Layout Utilities classes */
.techvon-container {
  max-width: var(--techvon-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--techvon-gutter);
  padding-right: var(--techvon-gutter);
  width: 100%;
}

/* =========================================================================
   ICON FONT PROTECTION OVERRIDES
   ========================================================================= */

.material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
}

.dashicons,
.dashicons-before:before {
  font-family: "dashicons" !important;
}