/*
Theme Name: Daten24 - Data Robin Hood
Theme URI: https://daten24.io
Author: Daten24 Team
Author URI: https://daten24.io
Description: Premium B2B luxury theme for the revolutionary data marketplace. Empowering users to reclaim, own, and monetize their personal data through GDPR rights and secure ownership systems.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: Proprietary
License URI: https://daten24.io/license
Text Domain: daten24
Tags: marketplace, b2b, luxury, data, privacy, gdpr, elementor
*/

/*
 * Premium Luxury Dark Theme
 * Design Philosophy: Trust, Security, Power, Innovation
 */

:root {
    /* Brand Colors - Data Sovereignty Theme */
    --d24-primary: #00D4AA;        /* Teal - Trust & Innovation */
    --d24-primary-dark: #00B894;
    --d24-primary-light: #00FFD1;

    --d24-secondary: #6C5CE7;      /* Purple - Premium & Power */
    --d24-secondary-dark: #5742D0;

    --d24-accent: #FFD700;         /* Gold - Value & Worth */
    --d24-danger: #FF6B6B;         /* Red - Alerts */
    --d24-success: #00D4AA;        /* Green - Success */
    --d24-warning: #FFA502;        /* Orange - Warning */

    /* Dark Theme Background */
    --d24-bg-primary: #0A0E27;     /* Deep Navy */
    --d24-bg-secondary: #151932;   /* Card Background */
    --d24-bg-tertiary: #1E2438;    /* Hover States */

    /* Text Colors */
    --d24-text-primary: #FFFFFF;
    --d24-text-secondary: #B8C1EC;
    --d24-text-muted: #6B7A99;

    /* Typography */
    --d24-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --d24-font-heading: 'Montserrat', sans-serif;

    /* Spacing */
    --d24-spacing-xs: 0.5rem;
    --d24-spacing-sm: 1rem;
    --d24-spacing-md: 1.5rem;
    --d24-spacing-lg: 2.5rem;
    --d24-spacing-xl: 4rem;

    /* Shadows */
    --d24-shadow-sm: 0 2px 8px rgba(0, 212, 170, 0.1);
    --d24-shadow-md: 0 4px 16px rgba(0, 212, 170, 0.15);
    --d24-shadow-lg: 0 8px 32px rgba(0, 212, 170, 0.2);
    --d24-shadow-glow: 0 0 20px rgba(0, 212, 170, 0.3);

    /* Border Radius */
    --d24-radius-sm: 4px;
    --d24-radius-md: 8px;
    --d24-radius-lg: 16px;
    --d24-radius-xl: 24px;

    /* Transitions */
    --d24-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--d24-font-primary);
    background: var(--d24-bg-primary);
    color: var(--d24-text-primary);
    line-height: 1.6;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--d24-font-heading);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--d24-spacing-md);
}

h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: var(--d24-spacing-sm);
    color: var(--d24-text-secondary);
}

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

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

/* Container */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--d24-spacing-md);
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 1rem 2rem;
    font-family: var(--d24-font-heading);
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    border: none;
    border-radius: var(--d24-radius-md);
    cursor: pointer;
    transition: var(--d24-transition);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-primary {
    background: linear-gradient(135deg, var(--d24-primary), var(--d24-primary-dark));
    color: var(--d24-bg-primary);
    box-shadow: var(--d24-shadow-md);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--d24-shadow-glow);
}

.btn-secondary {
    background: linear-gradient(135deg, var(--d24-secondary), var(--d24-secondary-dark));
    color: white;
}

.btn-outline {
    background: transparent;
    border: 2px solid var(--d24-primary);
    color: var(--d24-primary);
}

.btn-outline:hover {
    background: var(--d24-primary);
    color: var(--d24-bg-primary);
}

/* Button Sizes */
.btn-sm {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.btn-lg {
    padding: 1.25rem 2.5rem;
    font-size: 1.125rem;
}

/* Cards */
.card {
    background: var(--d24-bg-secondary);
    border-radius: var(--d24-radius-lg);
    padding: var(--d24-spacing-lg);
    box-shadow: var(--d24-shadow-md);
    border: 1px solid rgba(0, 212, 170, 0.1);
    transition: var(--d24-transition);
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: var(--d24-shadow-lg);
    border-color: rgba(0, 212, 170, 0.3);
}

/* Robin Hood Theme Elements */
.robin-hood-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(108, 92, 231, 0.2));
    border: 1px solid var(--d24-primary);
    border-radius: var(--d24-radius-xl);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Data Liberation Progress Bar */
.liberation-progress {
    width: 100%;
    height: 8px;
    background: var(--d24-bg-tertiary);
    border-radius: var(--d24-radius-xl);
    overflow: hidden;
    position: relative;
}

.liberation-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--d24-primary), var(--d24-accent));
    border-radius: var(--d24-radius-xl);
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 10px var(--d24-primary);
}

/* Luxury Animations */
@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 5px var(--d24-primary); }
    50% { box-shadow: 0 0 20px var(--d24-primary), 0 0 30px var(--d24-primary); }
}

.glow-effect {
    animation: glow-pulse 2s infinite;
}

/* Responsive Design */
@media (max-width: 1024px) {
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.75rem; }
}

@media (max-width: 768px) {
    :root {
        --d24-spacing-lg: 2rem;
        --d24-spacing-xl: 3rem;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }

    .container {
        padding: 0 1rem;
    }
}