/*
Theme Name: Nexis Studio Pro
Theme URI: https://nexisstudio.net/
Author: Nexis Studio Team (Richard Ayoola, Racheal Ayoola, Bello Ameen, Emmanuel Oyerinde, Georgina Atiba)
Author URI: https://nexisstudio.net/
Description: Ultra-modern, responsive, high-converting digital agency WordPress theme for Nexis Studio. Built with clean semantic code, animated SVG growth workflows, Poppins & Manrope typography, and dynamic multi-page templates.
Version: 3.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: nexis-studio
Tags: agency, portfolio, modern, custom-background, custom-logo, custom-menu, featured-images, full-width-template
*/

:root {
  /* Brand Palette (Netlify Studio Style) */
  --purple-950: #150a29;
  --purple-900: #200d3d;
  --purple-850: #261347;
  --purple-800: #2c1a5c;
  --purple-600: #7c53f0;
  --purple-500: #9333ea;
  --purple-400: #a78bfa;
  --purple-300: #c4b5fd;
  --purple-200: #ddd6fe;
  --purple-100: #e9e2fb;
  --purple-50:  #fbf9fe;

  --nexis-primary: var(--purple-600);
  --nexis-primary-dark: #663cd2;
  --nexis-primary-light: var(--purple-100);
  --nexis-primary-glow: rgba(124, 83, 240, 0.35);

  --nexis-dark: var(--purple-950);
  --nexis-dark-surface: var(--purple-900);
  --nexis-dark-card: var(--purple-800);
  --nexis-dark-border: rgba(124, 83, 240, 0.22);

  --nexis-light-bg: #f9f7fd;
  --nexis-light-surface: #ffffff;
  --nexis-light-border: #ede8f7;

  --nexis-text-dark: #120924;
  --nexis-text-muted: #5e5374;
  --nexis-text-light: #ffffff;
  --nexis-text-dim: #948aa8;

  /* Typography: Poppins & Manrope */
  --nexis-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --nexis-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --nexis-font-accent: 'Poppins', sans-serif;

  --nexis-radius-sm: 8px;
  --nexis-radius-md: 14px;
  --nexis-radius-lg: 22px;
  --nexis-radius-full: 9999px;

  --nexis-shadow-sm: 0 2px 10px rgba(21, 10, 41, 0.04);
  --nexis-shadow-md: 0 8px 30px rgba(21, 10, 41, 0.07);
  --nexis-shadow-lg: 0 16px 48px rgba(21, 10, 41, 0.11);
  --nexis-shadow-glow: 0 0 30px var(--nexis-primary-glow);

  --nexis-transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

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

body {
  font-family: var(--nexis-font-body);
  background-color: #ffffff;
  color: var(--nexis-text-muted);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

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

a {
  color: inherit;
  text-decoration: none;
  transition: var(--nexis-transition);
}

ul, ol {
  list-style: none;
}

.nexis-container, .wrap {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 24px;
}

.nexis-section, .section {
  padding: 90px 0;
  position: relative;
}