/*
Theme Name: Alericos
Theme URI: https://alericos.com
Description: Tema mínimo para a plataforma Alericos. Toda a UI vem de shortcodes nos plugins — este tema serve como shell leve com design system centralizado.
Version: 1.0.0
Author: Alericos
Text Domain: alericos
Requires at least: 6.1
Requires PHP: 8.0
*/

/* ==========================================================================
   CSS Reset
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(33, 158, 188, 0.5) rgba(0, 0, 0, 0.2);
}

body {
  min-height: 100dvh;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* ==========================================================================
   Design System — Alericos CSS Variables (FONTE ÚNICA DE VERDADE)
   ========================================================================== */
:root {
  /* Brand Colors */
  --alx-primary:       #219EBC;
  --alx-primary-dark:  #023047;
  --alx-primary-light: #8ECAE6;
  --alx-accent:        #FFB703;
  --alx-secondary:     #FFB703;
  --alx-success:       #2A9D8F;
  --alx-warning:       #F4A261;
  --alx-danger:        #E76F51;
  --alx-info:          #8ECAE6;

  /* Neutrals (Gray Scale) */
  --alx-white:    #FFFFFF;
  --alx-gray-50:  #F8F9FA;
  --alx-gray-100: #E9ECEF;
  --alx-gray-200: #DEE2E6;
  --alx-gray-300: #CED4DA;
  --alx-gray-400: #ADB5BD;
  --alx-gray-500: #6C757D;
  --alx-gray-600: #495057;
  --alx-gray-700: #343A40;
  --alx-gray-800: #212529;
  --alx-gray-900: #001219;

  /* Text */
  --alx-text:           #E9ECEF;
  --alx-text-secondary: #ADB5BD;
  --alx-text-muted:     #ADB5BD;

  /* Backgrounds */
  --alx-bg:            #0A1628;
  --alx-bg-secondary:  #0F1D2B;
  --alx-bg-card:       #1A2C3E;
  --alx-card-bg:       #1A2C3E;
  --alx-border:        #2C3E50;
  --alx-hover:         rgba(33, 158, 188, 0.15);

  /* Shadows */
  --alx-shadow:    0 2px 8px rgba(0, 0, 0, 0.3);
  --alx-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);

  /* Border Radius */
  --alx-radius:    12px;
  --alx-radius-sm: 8px;
  --alx-radius-lg: 16px;

  /* Spacing */
  --alx-spacing:    1rem;
  --alx-spacing-sm: 0.5rem;
  --alx-spacing-lg: 2rem;

  /* Transitions */
  --alx-transition:      all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --alx-transition-fast: all 0.15s ease-in-out;

  /* Typography */
  --alx-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                     Oxygen, Ubuntu, sans-serif;
  --alx-font-size-base: 1rem;
  --alx-font-size-sm:   0.875rem;
  --alx-font-size-lg:   1.125rem;
  --alx-font-size-xl:   1.5rem;
  --alx-font-size-2xl:  2rem;
  --alx-line-height-base: 1.5;
}

/* ==========================================================================
   Base Typography
   ========================================================================== */
body {
  font-family: var(--alx-font-family);
  font-size: var(--alx-font-size-base);
  color: var(--alx-text);
  background-color: var(--alx-bg);
}

a {
  color: var(--alx-primary);
  text-decoration: none;
}

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

/* ==========================================================================
   Scrollbar (movido de alericos-core/modules/global-styles.php)
   ========================================================================== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(33, 158, 188, 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(33, 158, 188, 0.7);
}

/* ==========================================================================
   Layout Shell
   ========================================================================== */
#alx-main {
  min-height: 100dvh;
  width: 100%;
}