/*
 * Dora -- Industrial Royal Design System
 * Version: 1.3.0
 * Aesthetic: Royal Blue, 3D Shadows, 5px Precision.
 */

:root {
    --dora-royal-blue: #003366;
    --dora-royal-deep: #001a33;
    --dora-accent-cyan: #00f2ff;
    --dora-glass-blur: 12px;
    --dora-radius: 5px;
    --dora-shadow-3d: 4px 4px 0px rgba(0, 0, 0, 0.8);
    --dora-glow-cyan: 0 0 10px rgba(0, 242, 255, 0.5);
}

/* Base Industrial Dark Mode */
body {
    background-color: var(--dora-royal-deep) !important;
    color: #ffffff !important;
}

/* 5px Radius Precision (Hard-Locked) */
.dora-glass, 
.wp-block-cover, 
.wp-block-group,
.wp-block-post-template > li,
.wp-block-post-featured-image img {
    border-radius: 5px !important;
}

/* Glassmorphism Token (Royal Inversion) */
.dora-glass {
    background: rgba(0, 51, 102, 0.2) !important;
    backdrop-filter: blur(var(--dora-glass-blur)) !important;
    border: 1px solid rgba(0, 242, 255, 0.1) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5) !important;
    padding: 1.5rem !important;
    margin-bottom: 1rem !important;
}

/* 3D Text Effects (Natural Casing) */
.dora-heading {
    text-shadow: var(--dora-shadow-3d) !important;
    color: #ffffff !important;
    letter-spacing: 0.05em; /* Reduced letter-spacing for natural casing */
}

.dora-accent-text {
    color: var(--dora-accent-cyan) !important;
    text-shadow: var(--dora-glow-cyan);
}

/* Industrial Buttons */
.wp-block-button__link {
    background-color: var(--dora-royal-blue) !important;
    border: 1px solid var(--dora-accent-cyan) !important;
    border-radius: var(--dora-radius) !important;
    text-shadow: none !important;
    transition: all 0.2s ease-in-out;
}

.wp-block-button__link:hover {
    background-color: var(--dora-accent-cyan) !important;
    color: var(--dora-royal-deep) !important;
    box-shadow: var(--dora-glow-cyan);
}

/* Scroll-Snap Slider (Royal Integration) */
.dora-slider {
    scroll-padding: 2rem;
    gap: 1rem !important; /* Adding gap for the 5px borders to be visible */
}

.dora-slide {
    border: 1px solid var(--dora-glass-border);
}