/*
Theme Name:  Ucam CCTV
Theme URI:   https://your-site.com
Description: Ucam — CCTV Services WordPress Theme, Elementor compatible. Converted from the Ucam HTML template by Designesia.
Author:      Your Name
Author URI:  https://your-site.com
Version:     2.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ucam
Tags:        dark, elementor, one-column, custom-menu, featured-images, threaded-comments, full-width-template
*/

/* ============================================================
   UCAM DESIGN SYSTEM — CSS VARIABLES
   ============================================================ */

:root {
  /* Brand Colors */
  --primary-color: #ED1D24;
  --primary-color-rgb: 237, 29, 36;
  --secondary-color: #ED1D24;
  --secondary-color-rgb: 237, 29, 36;

  /* Dark Backgrounds */
  --bg-dark-1: #010A1A;
  --bg-dark-1-rgb: 1, 10, 26;
  --bg-dark-2: #1A2331;
  --bg-dark-3: #283243;
  --bg-grey: #eeeeee;
  --bg-light: #F8F9FA;

  /* Typography */
  --heading-font: "Orbitron", Helvetica, Arial, sans-serif;
  --heading-font-weight: bold;
  --heading-font-color: #223035;
  --body-font: "Public Sans", Helvetica, Arial, sans-serif;
  --body-font-size: 17px;
  --body-font-color: #404040;
  --body-font-color-dark: rgba(255, 255, 255, .6);

  /* Borders & Layout */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --border-color: #bbbbbb;
  --rounded-1: 0;
  --button-rounded: 0;
  --container-max-width: 1240px;
  --mainmenu-font-weight: 500;

  /* Gradients */
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
}

/* ============================================================
   BASE RESET & BODY
   ============================================================ */

html {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  background: var(--bg-dark-1);
}

body {
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  font-weight: 400;
  color: var(--body-font-color);
  padding: 0;
  line-height: 1.8em;
  background: var(--bg-dark-1);
}

body.dark-scheme {
  color: var(--body-font-color-dark);
  background: var(--bg-dark-1);
}

/* ============================================================
   ELEMENTOR GLOBAL COMPATIBILITY
   Ensures all original Ucam classes work inside Elementor
   containers, sections, and widget wrappers.
   ============================================================ */

.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con,
.e-con-inner {
  --primary-color: #ED1D24;
  --primary-color-rgb: 237, 29, 36;
  --secondary-color: #ED1D24;
  --secondary-color-rgb: 237, 29, 36;
  --bg-dark-1: #010A1A;
  --bg-dark-2: #1A2331;
  --bg-dark-3: #283243;
  --heading-font: "Orbitron", Helvetica, Arial, sans-serif;
  --body-font: "Public Sans", Helvetica, Arial, sans-serif;
}

/* Preserve dark-scheme inside Elementor */
.elementor-page .elementor,
.elementor-section-wrap {
  background: var(--bg-dark-1);
}

/* Force dark scheme body class site-wide */
body.elementor-page {
  background: var(--bg-dark-1);
  color: var(--body-font-color-dark);
}