/*
 * Untitled Project 1 — Shared Styles
 * Generated by UXMagic Copilot
 */

/* ── Theme (shared across all pages) ── */
:root {
  --background: #ffffff;
  --foreground: #121212;
  --primary: #6610f2;
  --primary-foreground: #ffffff;
  --secondary: #f1f1f1;
  --secondary-foreground: #121212;
  --tertiary: #0067f4;
  --muted: #f1f1f1;
  --muted-foreground: #7d7d7d;
  --accent: #0067f4;
  --destructive: #ef4444;
  --card: #f4f6f7;
  --card-foreground: #121212;
  --border: #a4a4a4;
  --input: #a4a4a4;
  --ring: #6610f2;
  --radius: 24px;
  --font-sans: Poppins, sans-serif;
  --font-heading: Poppins, sans-serif;
  --font-mono: JetBrains Mono, monospace;
  --shadow-offset-x: 0;
  --shadow-offset-y: 10;
  --shadow-blur: 30;
  --shadow-spread: -8;
  --shadow-color: rgba(15, 23, 42, 0.12);
}

/* ==========================================================================
   CSS Reset & Base Styles
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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


/* ── VHLtec - one stop for all your IT, Big Data, Mobile, Cloud needs page-specific styles ── */
[data-page="vhltec-one-stop-for-all-your-it-big-data-mobile-cloud-needs"] .brand-gradient { background-image: linear-gradient(135deg, var(--primary), var(--accent)); }

[data-page="vhltec-one-stop-for-all-your-it-big-data-mobile-cloud-needs"] .shadow-theme {
        box-shadow:
          calc(var(--shadow-offset-x, 0) * 1px) calc(var(--shadow-offset-y, 10) * 1px)
          calc(var(--shadow-blur, 30) * 1px) calc(var(--shadow-spread, -8) * 1px)
          var(--shadow-color, rgba(15, 23, 42, 0.12));
      }