/*
Theme Name: CODEPHANT - Ultra High-Performance
Theme URI: https://codephant
Author: CODEPHANT
Author URI: https://codephant
Description: Tema oficial da CODEPHANT. Desenvolvido para máxima performance no Google PageSpeed (95+), em PHP 8.3 nativo, suporte a Gutenberg e personalização 100% via WordPress Customizer. Zero Elementor Bloat.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-logo, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready
Text Domain: codein-agency
*/

/* Base CSS Reset and Typography Framework */
:root {
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-black: #0a0a0a;
  --color-white: #ffffff;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-black);
  color: var(--color-white);
  font-family: var(--font-sans);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.font-mono {
  font-family: var(--font-mono);
}

.max-w-7xl {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Responsive Grid Helper */
@media (min-width: 768px) {
  .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .lg\\:grid-cols-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\\:col-span-4 { grid-column: span 4 / span 4; }
}

.gap-8 { gap: 2rem; }
.gap-12 { gap: 3rem; }