/*
Theme Name: iBuild Website PWA
Theme URI: https://ibuild.website
Author: Abhishek Gavel
Author URI: https://ezabhishek.com
Description: Mobile-first Progressive Web App (PWA) WordPress theme for ibuild.website featuring Elementor global color tokens (#8750F7, #2A1454, #DDDDDD, #050709, #0F0715, #140C1C), Roboto & Roboto Slab typography, automatic homepage creation & assignment on theme activation, native bottom tab bar, swipeable mobile cards, offline service worker, Web App Manifest, and interactive scope configurator.
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ibuild-website
*/

:root {
  --e-global-color-primary: #8750F7;
  --e-global-color-secondary: #2A1454;
  --e-global-color-text: #DDDDDD;
  --e-global-color-accent: #8750F7;
  --e-global-color-c796f89: #050709;
  --e-global-color-f55e3bc: #0F0715;
  --e-global-color-7260a68: #140C1C;

  --e-global-typography-primary-font-family: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Roboto Slab", Georgia, serif;
  --e-global-typography-secondary-font-size: 22px;
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --e-global-typography-accent-font-weight: 500;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --bottom-nav-h: 68px;
}

*, *::before, *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
  background-color: var(--e-global-color-c796f89);
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: 1.6;
}

body {
  margin: 0;
  background-color: var(--e-global-color-c796f89);
  color: var(--e-global-color-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(var(--bottom-nav-h) + var(--safe-bottom));
}

@media (min-width: 901px) {
  body {
    padding-bottom: 0;
  }
}