.elementor-kit-6{--e-global-color-primary:#FF6F00;--e-global-color-secondary:#222222;--e-global-color-text:#D4CFC4;--e-global-color-accent:#FF8F2E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ═══════════════════════════════════════════════════
   STUPENDIUM SOFTWORKS — SITE-WIDE CSS
   ═══════════════════════════════════════════════════ */

/* ── PALETTE ── */
:root {
  --ss-bg:       #222222;
  --ss-bg-deep:  #1a1a1a;
  --ss-bg-card:  #2a2a2a;
  --ss-orange:   #ff6f00;
  --ss-orange-h: #ff8f2e;
--ss-text:  #e8e4da;   /* was #d4cfc4 — AAA on all bgs */
--ss-muted: #9a9a9a;   /* was #777    — now AA on all bgs */
--ss-dim:   #757575;   /* was #555    — AA for large text */
  --ss-border:   rgba(255, 111, 0, 0.12);
  --ss-display: 'VT323', monospace;
}

/* ── DARK BASELINE ── */
html, body {
  background-color: var(--ss-bg) !important;
  color: var(--ss-text);
}

/* Elementor page & section backgrounds */
.elementor-page,
.elementor-section,
.elementor-element {
  color: var(--ss-text);
}

/* Kill any white flash on page load */
html {
  background: var(--ss-bg);
}

/* ── FONT IMPORT ── */
/* Share Tech Mono loaded via Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap');

/* ── GLOBAL TYPOGRAPHY ── */
body,
p,
li,
td,
th,
label,
input,
textarea,
select,
button,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--ss-text);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--ss-text);
  letter-spacing: 0.04em;
}

/* ── LINKS ── */
a {
  color: var(--ss-orange);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover,
a:focus {
  color: var(--ss-orange-h);
}

/* ── SELECTION ── */
::selection {
  background: rgba(255, 111, 0, 0.3);
  color: var(--ss-text);
}

::-moz-selection {
  background: rgba(255, 111, 0, 0.3);
  color: var(--ss-text);
}

/* ── SCROLLBAR (Webkit) ── */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--ss-bg-deep);
}

::-webkit-scrollbar-thumb {
  background: var(--ss-dim);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ss-orange);
}

@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap');

/* Subtle amber line under header when scrolled */
#ss-header.elementor-sticky--effects::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,111,0,0.3), transparent);
}/* End custom CSS */