/*
Theme Name: Trinity Media UAE
Theme URI: https://trinitymediauae.com
Author: Trinity Media LLC
Author URI: https://trinitymediauae.com
Description: Premium Corporate WordPress Theme for Trinity Media UAE — Digital Printing, Exhibition Stands, Signage, and 360 Visual Fabrication. Built specifically for Elementor Flexbox Containers.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trinity-media
Tags: custom-colors, custom-menu, featured-images, elementor, full-width-template
*/

/* Core Theme Styles & CSS Variables */
:root {
  --trinity-primary: #7b2d8e;
  --trinity-primary-rgb: 123, 45, 142;
  --trinity-primary-light: #b63ecc;
  --trinity-primary-light-rgb: 182, 62, 204;
  --trinity-accent: #b05fe6;
  
  /* Light Mode Variables */
  --trinity-bg: #fafafa;
  --trinity-fg: #1a1a1a;
  --trinity-card: #ffffff;
  --trinity-border: #e2e8f0;
  --trinity-muted: #f1f5f9;
  --trinity-muted-fg: #64748b;
  --trinity-nav-bg: rgba(255, 255, 255, 0.88);
  --trinity-nav-border: rgba(226, 232, 240, 0.8);
  --trinity-glow: rgba(123, 45, 142, 0.08);

  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Dark Mode Variables (Default for Trinity Media) */
html.dark, body.dark-mode {
  --trinity-bg: #11131c;
  --trinity-fg: #f8fafc;
  --trinity-card: #181a26;
  --trinity-card-elevated: #1e2130;
  --trinity-border: #232738;
  --trinity-muted: #1e2130;
  --trinity-muted-fg: #94a3b8;
  --trinity-nav-bg: rgba(17, 19, 28, 0.92);
  --trinity-nav-border: rgba(35, 39, 56, 0.85);
  --trinity-glow: rgba(182, 62, 204, 0.15);
}

/* Global Reset & Base */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-body);
  background-color: var(--trinity-bg);
  color: var(--trinity-fg);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--trinity-bg);
  color: var(--trinity-fg);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Typography Utility */
.font-display, h1, h2, h3, .elementor-heading-title.trinity-display {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--trinity-primary-light);
}

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

/* WordPress Core Specific Alignment */
.alignwide {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100%;
}