/*
Theme Name: Creative Pulse
Theme URI: https://creativepulse.hu
Author: Lali – Creative Pulse Kft.
Author URI: https://creativepulse.hu
Description: Egyedi WordPress téma a Creative Pulse Kft. összegző weboldalához. AI-forward, modern dizájn.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creativepulse
Tags: custom-theme, dark, modern, ai, portfolio
*/

/* ============================================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================================ */
:root {
  /* Brand Colors */
  --cp-bg-primary:     #0a0a18;
  --cp-bg-secondary:   #0f0f20;
  --cp-bg-card:        #13132a;
  --cp-bg-card-hover:  #1a1a35;
  --cp-bg-ai:          #08081a;

  --cp-accent-primary: #6c63ff;
  --cp-accent-blue:    #00b4ff;
  --cp-accent-purple:  #a855f7;
  --cp-gradient:       linear-gradient(135deg, #6c63ff 0%, #00b4ff 50%, #a855f7 100%);
  --cp-gradient-text:  linear-gradient(90deg, #6c63ff, #00b4ff, #a855f7);
  --cp-gradient-ai:    linear-gradient(135deg, #0a0a18 0%, #130d2e 50%, #0a1628 100%);

  --cp-text-primary:   #f0f0ff;
  --cp-text-secondary: #9898b8;
  --cp-text-muted:     #5a5a7a;

  --cp-border:         rgba(108, 99, 255, 0.15);
  --cp-border-hover:   rgba(108, 99, 255, 0.4);
  --cp-border-glow:    rgba(108, 99, 255, 0.6);

  --cp-white:          #ffffff;
  --cp-black:          #000000;

  /* Typography */
  --cp-font-sans:      'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --cp-font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  --cp-text-xs:        0.75rem;
  --cp-text-sm:        0.875rem;
  --cp-text-base:      1rem;
  --cp-text-lg:        1.125rem;
  --cp-text-xl:        1.25rem;
  --cp-text-2xl:       1.5rem;
  --cp-text-3xl:       1.875rem;
  --cp-text-4xl:       2.25rem;
  --cp-text-5xl:       3rem;
  --cp-text-6xl:       3.75rem;

  --cp-weight-normal:  400;
  --cp-weight-medium:  500;
  --cp-weight-semi:    600;
  --cp-weight-bold:    700;
  --cp-weight-extra:   800;

  --cp-leading-tight:  1.25;
  --cp-leading-snug:   1.375;
  --cp-leading-normal: 1.5;
  --cp-leading-relaxed:1.625;

  /* Spacing */
  --cp-space-1:  0.25rem;
  --cp-space-2:  0.5rem;
  --cp-space-3:  0.75rem;
  --cp-space-4:  1rem;
  --cp-space-5:  1.25rem;
  --cp-space-6:  1.5rem;
  --cp-space-8:  2rem;
  --cp-space-10: 2.5rem;
  --cp-space-12: 3rem;
  --cp-space-16: 4rem;
  --cp-space-20: 5rem;
  --cp-space-24: 6rem;
  --cp-space-32: 8rem;

  /* Layout */
  --cp-container-max: 1200px;
  --cp-container-pad: 1.5rem;

  /* Borders */
  --cp-radius-sm:  0.375rem;
  --cp-radius-md:  0.75rem;
  --cp-radius-lg:  1rem;
  --cp-radius-xl:  1.5rem;
  --cp-radius-full:9999px;

  /* Shadows */
  --cp-shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --cp-shadow-md:  0 4px 20px rgba(0,0,0,0.5);
  --cp-shadow-lg:  0 10px 40px rgba(0,0,0,0.6);
  --cp-shadow-glow:0 0 30px rgba(108, 99, 255, 0.3);
  --cp-shadow-blue:0 0 30px rgba(0, 180, 255, 0.2);

  /* Transitions */
  --cp-transition-fast:   150ms ease;
  --cp-transition-base:   250ms ease;
  --cp-transition-slow:   400ms ease;
  --cp-transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-index */
  --cp-z-nav:     1000;
  --cp-z-overlay: 900;
  --cp-z-modal:   1100;
}