/*
Theme Name: Everyday Tech Insider
Theme URI: https://example.com/everyday-tech-insider
Description: A lightweight Hello Elementor child theme for the Everyday Tech Insider creator website. Includes navy and electric-blue styling and bundled Elementor page-template JSON files.
Author: Everyday Tech Insider
Version: 1.0.0
Template: hello-elementor
Text Domain: everyday-tech-insider
*/

:root {
  --eti-bg: #0B1020;
  --eti-bg-alt: #10182B;
  --eti-panel: #172238;
  --eti-blue: #5B7CFF;
  --eti-text: #F5F7FB;
  --eti-muted: #B8C3D8;
  --eti-border: #2C3D5B;
}

html { scroll-behavior: smooth; }
body { background: var(--eti-bg); color: var(--eti-text); }
a { color: var(--eti-blue); }
a:hover, a:focus { color: #91A5FF; }
.elementor-button, .wp-element-button { background: var(--eti-blue); color: #fff; border-radius: 8px; transition: transform .18s ease, opacity .18s ease; }
.elementor-button:hover, .wp-element-button:hover { color: #fff; opacity: .92; transform: translateY(-1px); }
.eti-card { background: var(--eti-panel); border: 1px solid var(--eti-border); border-radius: 14px; padding: 24px; }
.eti-muted { color: var(--eti-muted); }
img { max-width: 100%; height: auto; }
@media (max-width: 767px) {
  .elementor-heading-title { overflow-wrap: anywhere; }
  .elementor-section .elementor-container, .e-con { max-width: 100%; }
}