:root {
  color-scheme: dark;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tw-bg: #0a0a0a;
  --tw-surface: #0f1a17;
  --tw-elevated: #13231e;
  --tw-text: #f8fafa;
  --tw-muted: #a7b3ae;
  --tw-border: #27423c;
  --tw-teal: #00d2be;
  --tw-teal-bright: #00d2be;
  --tw-focus: #ffb35c;
  --tw-chrome: #0a0a0a;
  --tw-chrome-text: #f8fafa;
  --tw-cta: #ff8000;
  --tw-cta-text: #0a0a0a;
  --tw-shadow: 0 20px 50px rgb(0 0 0 / .2);
  --tw-hero: linear-gradient(125deg, #0a0a0a, #0f1a17 56%, #003f37);
  --tw-hero-reverse: linear-gradient(235deg, #0a0a0a, #0f1a17 56%, #003f37);
  --tw-cta-gradient: linear-gradient(110deg, #ff9b30, #ff8000 55%, #e86400);
  --content-width: 1200px;
  --page-gutter: clamp(20px, 4vw, 64px);
  --section-space: 5.2rem;
  --radius-card: 20px;
  --thewoox-header-height: 108px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  min-height: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  margin: 0;
  background: var(--tw-bg);
  color: var(--tw-text);
  font-family: var(--font-sans);
  line-height: 1.6;
}

a { color: var(--tw-teal); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--tw-focus);
  outline-offset: 3px;
}

.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; padding-top: var(--thewoox-header-height); }
.wp-site-blocks > main { flex: 1 0 auto; }
.wp-site-blocks > footer { margin-top: auto; }
.thewoox-container { width: min(100% - (var(--page-gutter) * 2), var(--content-width)); margin-inline: auto; }
.thewoox-section { padding-block: var(--section-space); }
.thewoox-eyebrow { color: var(--tw-teal); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.thewoox-muted { color: var(--tw-muted); }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; word-wrap: normal; }
