/* ==========================================================================
   VOMTEL — DESIGN TOKENS
   Source of truth: vomtel-site-blueprint.md §6 + approved design
   (design/vomtel-homepage-design.html). Blueprint §6 explicitly overrides
   any earlier PDF color transcription — these values win.
   Do not hardcode hex in component CSS; reference these variables.
   ========================================================================== */

:root {
  /* --- Core palette (blueprint §6) --- */
  --vt-carbon:      #101014; /* logo carbon, dark sections, footer */
  --vt-ink:         #14161B; /* primary text / headings */
  --vt-orange:      #FF5A1F; /* THE brand orange — logo, CTA, accents */
  --vt-orange-hot:  #FF7A47; /* hover / gradient light stop */
  --vt-orange-deep: #E24818; /* pressed / gradient dark stop / inline links */
  --vt-paper:       #FBFAF9; /* page background */
  --vt-stone:       #E7E5E1; /* borders, dividers */
  --vt-slate:       #55554F; /* secondary text */
  --vt-muted:       #8A8A82; /* labels, captions */

  /* --- Extended neutrals (extracted from approved design) --- */
  --vt-ink-2:       #2A2E38; /* body copy on light sections */
  --vt-sand:        #F4F2EF; /* alternating light section bg */
  --vt-sand-line:   #EEECE8; /* hairline on sand */
  --vt-peach:       #FFF1EC; /* soft orange flag/badge bg */
  --vt-stone-2:     #D9D6D0; /* slightly darker card border (digital card) */
  --vt-caption:     #A0A099; /* faint captions / placeholders note */

  /* On-dark neutrals */
  --vt-on-dark:       #FFFFFF;
  --vt-on-dark-soft:  #B4B5BF; /* body text on carbon */
  --vt-on-dark-mute:  #8A93A6; /* footer positioning line */
  --vt-on-dark-label: #5A6172; /* footer column labels / fine print */
  --vt-on-dark-chip:  #1C1F26; /* footer social chips */
  --vt-on-dark-rule:  #1C1F26; /* footer / dark-card dividers */
  --vt-dark-rule-2:   #2A2E38; /* darker dividers on carbon */

  /* --- Button press shadow (design uses this under all orange buttons) --- */
  --vt-orange-shadow: #C23F12;

  /* --- Gradients --- */
  --vt-grad-orange: linear-gradient(135deg, var(--vt-orange-hot), var(--vt-orange));

  /* --- Typography --- */
  --vt-font-display: 'Archivo', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --vt-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Weights: Display = Archivo 600/700/800/900 · Body = Inter 400/500/600/700 */
  --vt-w-regular: 400;
  --vt-w-medium:  500;
  --vt-w-semi:    600;
  --vt-w-bold:    700;
  --vt-w-heavy:   800;
  --vt-w-black:   900;

  /* Fluid type scale (min .. max via clamp) */
  --vt-h1:      clamp(2.25rem, 1.4rem + 3.8vw, 4.125rem); /* 36 -> 66 */
  --vt-h2:      clamp(1.625rem, 1.05rem + 2.6vw, 2.75rem);/* 26 -> 44 */
  --vt-h2-sm:   clamp(1.625rem, 1.2rem + 1.9vw, 2.5rem);  /* 26 -> 40 */
  --vt-h3:      clamp(1.125rem, 0.95rem + 0.7vw, 1.4375rem);
  --vt-cta-h2:  clamp(1.875rem, 1.15rem + 3.2vw, 3rem);   /* 30 -> 48 closing band */
  --vt-lead:    clamp(1rem, 0.92rem + 0.5vw, 1.1875rem);  /* 16 -> 19 lead paragraph */
  --vt-body:    1rem;
  --vt-eyebrow: 0.8125rem;

  /* --- Spacing / layout --- */
  --vt-maxw:        1440px;  /* design canvas width */
  --vt-content:     1120px;  /* inner content max */
  --vt-gutter:      clamp(1.5rem, 0.5rem + 4vw, 4rem); /* 24 -> 64 section padding-x */
  --vt-section-y:   clamp(2.75rem, 1.5rem + 5vw, 5.25rem); /* 44 -> 84 (matches design mockup section rhythm) */
  --vt-radius:      12px;
  --vt-radius-lg:   16px;
  --vt-radius-xl:   18px;
  --vt-radius-btn:  11px;

  /* --- Elevation --- */
  --vt-shadow-card: 0 1px 2px rgba(16,16,20,.05);
  --vt-shadow-soft: 0 8px 24px rgba(16,16,20,.06);
  --vt-shadow-lift: 0 30px 80px rgba(16,16,20,.16);

  /* --- Motion --- */
  --vt-ease: cubic-bezier(.2,.6,.2,1);

  /* --- Sticky header height (used for scroll-margin/anchor offset) --- */
  --vt-header-h: 76px;

  /* --- Brand carrier marquee colors (text placeholders until licensed logos) --- */
  --vt-c-spectrum:    #0057B8;
  --vt-c-xfinity:     #101014;
  --vt-c-att:         #0BA3D8;
  --vt-c-frontier:    #C4122E;
  --vt-c-optimum:     #0067B1;
  --vt-c-cox:         #0033A0;
  --vt-c-directv:     #0075C9;
  --vt-c-centurylink: #38761D;
  --vt-c-metronet:    #0075C9;
  --vt-c-windstream:  #0A2A66;
  --vt-c-wow:         #D6202A;
  --vt-c-starlink:    #101014;
  --vt-c-verizon:     #CD040B;
  --vt-c-tmobile:     #E20074;
  --vt-c-googlefiber: #3C78D8;
  --vt-c-ziply:       #6E2B62;
  --vt-c-brightspeed: #6B2C91;
  --vt-c-earthlink:   #0A5FA5;
}