/*
Theme Name:  ChatME App
Theme URI:   https://chatme.ia.br
Author:      ChatME
Author URI:  https://chatme.ia.br
Description: Tema oficial do ChatME — IA Especializada em Construção Civil. Dark theme com design glassmorphism, integrado aos plugins chatme-auth, chatme-ai-chat, chatme-documents e chatme-usage-control.
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chatme-app
Tags:        dark, one-column, custom-menu, featured-images, translation-ready
*/

/* ═══════════════════════════════════════════════════════════
   ChatME Design System — CSS Custom Properties (from PRD)
   ═══════════════════════════════════════════════════════════ */

:root {
    /* ── Semantic Colors ─────────────────────────────────── */
    --chatme-background:           #07173d;
    --chatme-background-gradient:  linear-gradient(180deg, #07173d 0%, #0a1e4a 50%, #07173d 100%);
    --chatme-foreground:           #e5e7eb;

    --chatme-card:                 rgba(15, 23, 42, 0.6);
    --chatme-card-foreground:      #e5e7eb;

    --chatme-popover:              rgba(15, 23, 42, 0.95);
    --chatme-popover-foreground:   #e5e7eb;

    --chatme-primary:              #3B82F6;
    --chatme-primary-foreground:   #ffffff;
    --chatme-primary-dark:         #2563eb;

    --chatme-secondary:            rgba(51, 65, 85, 0.5);
    --chatme-secondary-foreground: #e5e7eb;

    --chatme-muted:                rgba(51, 65, 85, 0.3);
    --chatme-muted-foreground:     #94a3b8;

    --chatme-accent:               rgba(59, 130, 246, 0.1);
    --chatme-accent-foreground:    #3B82F6;

    --chatme-destructive:          #ef4444;
    --chatme-destructive-foreground: #ffffff;

    --chatme-border:               rgba(148, 163, 184, 0.1);
    --chatme-input:                rgba(51, 65, 85, 0.5);
    --chatme-input-bg:             rgba(15, 23, 42, 0.5);
    --chatme-ring:                 rgba(59, 130, 246, 0.5);

    /* ── Sidebar Colors ──────────────────────────────────── */
    --chatme-sidebar-bg:           rgba(15, 23, 42, 0.8);
    --chatme-sidebar-foreground:   #e5e7eb;
    --chatme-sidebar-primary:      #3B82F6;
    --chatme-sidebar-accent:       rgba(51, 65, 85, 0.5);
    --chatme-sidebar-border:       rgba(148, 163, 184, 0.1);

    /* ── Palette ─────────────────────────────────────────── */
    --chatme-blue-400:  #60a5fa;
    --chatme-blue-500:  #3b82f6;
    --chatme-blue-600:  #2563eb;
    --chatme-blue-700:  #1d4ed8;
    --chatme-cyan-400:  #22d3ee;
    --chatme-cyan-500:  #06b6d4;
    --chatme-cyan-600:  #0891b2;
    --chatme-purple-400:#c084fc;
    --chatme-purple-500:#8b5cf6;
    --chatme-purple-600:#7c3aed;
    --chatme-green-400: #4ade80;
    --chatme-green-500: #22c55e;
    --chatme-red-400:   #f87171;
    --chatme-red-500:   #ef4444;
    --chatme-red-600:   #dc2626;
    --chatme-orange-400:#fb923c;
    --chatme-orange-500:#f97316;
    --chatme-yellow-500:#eab308;
    --chatme-gray-300:  #d1d5db;
    --chatme-gray-400:  #9ca3af;
    --chatme-gray-500:  #6b7280;
    --chatme-gray-800:  #1f2937;
    --chatme-gray-900:  #111827;

    /* ── Typography ──────────────────────────────────────── */
    --chatme-font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --chatme-font-mono:   'JetBrains Mono', 'Fira Code', monospace;
    --chatme-font-base:   16px;

    /* ── Gradients ───────────────────────────────────────── */
    --chatme-gradient-primary:      linear-gradient(90deg, #2563eb, #3b82f6, #06b6d4);
    --chatme-gradient-primary-hover:linear-gradient(90deg, #1d4ed8, #2563eb, #0891b2);
    --chatme-gradient-cta:          linear-gradient(90deg, #2563eb, #7c3aed, #06b6d4);
    --chatme-gradient-text-blue:    linear-gradient(90deg, #60a5fa, #22d3ee, #3b82f6);
    --chatme-gradient-text-purple:  linear-gradient(90deg, #60a5fa, #c084fc, #22d3ee);
    --chatme-gradient-icon-blue:    linear-gradient(135deg, rgba(59,130,246,0.2), rgba(6,182,212,0.2));
    --chatme-gradient-icon-circle:  linear-gradient(135deg, #2563eb, #06b6d4);

    /* ── Shadows ─────────────────────────────────────────── */
    --chatme-shadow-sm:  0 4px 12px rgba(0,0,0,0.3);
    --chatme-shadow-md:  0 8px 32px rgba(0,0,0,0.3);
    --chatme-shadow-lg:  0 16px 48px rgba(0,0,0,0.4);
    --chatme-shadow-xl:  0 20px 80px rgba(0,0,0,0.4);
    --chatme-shadow-2xl: 0 20px 80px rgba(0,0,0,0.5);
    --chatme-glow-primary:      0 0 40px rgba(59,130,246,0.4);
    --chatme-glow-primary-hover:0 0 60px rgba(59,130,246,0.6);

    /* ── Border Radius ───────────────────────────────────── */
    --chatme-radius-xs:   0.25rem;
    --chatme-radius-sm:   0.5rem;
    --chatme-radius-md:   0.75rem;
    --chatme-radius-lg:   1rem;
    --chatme-radius-xl:   1.25rem;
    --chatme-radius-2xl:  1.5rem;
    --chatme-radius-full: 9999px;

    /* ── Transitions ─────────────────────────────────────── */
    --chatme-transition-fast:    0.2s ease;
    --chatme-transition-default: 0.3s ease;
    --chatme-transition-slow:    0.6s ease;

    /* ── Container ───────────────────────────────────────── */
    --chatme-container-max: 80rem;
}