/*
Theme Name: Portfólio
Theme URI: https://qteoria.com.br/
Author: Saulo Pereira da Silva
Author URI: https://qteoria.com.br/sobre/
Description: Tema proprietário e profissional de Portfólio para Saulo Pereira da Silva / Qteoria — Tecnologia, Automação de Workflows, Inteligência Artificial e Sistemas Web.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: portfolio
License: Proprietary
License URI: https://qteoria.com.br/termos-de-uso/
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES / DESIGN TOKENS
   ========================================================================== */
:root {
  /* Brand Palette */
  --qt-primary: #0284c7;        /* Tech Blue / Sky 600 */
  --qt-primary-hover: #0369a1;  /* Sky 700 */
  --qt-primary-light: #e0f2fe;  /* Sky 100 */
  --qt-secondary: #0f172a;      /* Dark Slate 900 */
  --qt-secondary-hover: #1e293b;/* Slate 800 */
  --qt-accent: #06b6d4;         /* Electric Cyan 500 */
  --qt-accent-glow: rgba(6, 182, 212, 0.25);
  
  /* Neutral Palette */
  --qt-bg: #ffffff;
  --qt-bg-soft: #f8fafc;
  --qt-bg-subtle: #f1f5f9;
  --qt-bg-card: #ffffff;
  --qt-dark-bg: #0b0f19;        /* Deep Tech Navy */
  --qt-dark-surface: #111827;
  --qt-dark-card: #161f30;
  --qt-dark-border: rgba(255, 255, 255, 0.08);
  
  /* Text Tokens */
  --qt-text: #1e293b;
  --qt-text-muted: #64748b;
  --qt-text-light: #94a3b8;
  --qt-text-white: #ffffff;
  --qt-border: #e2e8f0;
  --qt-border-hover: #cbd5e1;
  
  /* Functional Colors */
  --qt-success: #10b981;
  --qt-whatsapp: #25d366;
  --qt-whatsapp-dark: #128c7e;
  
  /* Typography Tokens */
  --qt-font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --qt-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --qt-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  /* Spacing & Sizing */
  --qt-radius-sm: 8px;
  --qt-radius-md: 14px;
  --qt-radius-lg: 20px;
  --qt-radius-xl: 28px;
  --qt-radius-full: 9999px;
  
  /* Elevation & Shadows */
  --qt-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --qt-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --qt-shadow-lg: 0 16px 36px rgba(15, 23, 42, 0.09), 0 4px 12px rgba(15, 23, 42, 0.05);
  --qt-shadow-glow: 0 0 40px rgba(2, 132, 199, 0.15);
  
  /* Container Width */
  --qt-max-width: 1200px;
  --qt-header-height: 72px;
  
  /* Spacing System */
  --qt-space-xs: 8px;
  --qt-space-sm: 12px;
  --qt-space-md: 16px;
  --qt-space-lg: 24px;
  --qt-space-xl: 32px;
  --qt-space-2xl: 48px;
  --qt-space-3xl: 72px;
  --qt-space-4xl: 96px;
}