/*
Theme Name: HP Consulting Theme
Description: A modern, premium block-based WordPress theme with warm beige and lilac tones for Dr. Hille Consulting
Version: 1.0
Author: Dr. Hille Consulting
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hille-consulting
Tags: block-themes, one-column, wide-blocks, block-patterns, custom-colors, custom-spacing, custom-typography, translation-ready
*/

/* 
 * Root Variables
 */
:root {
    --wp--preset--color--warm-beige: #F7F3EE;
    --wp--preset--color--primary-lilac: #8B6FAE;
    --wp--preset--color--deep-violet: #4A3468;
    --wp--preset--color--white: #FFFFFF;
    --wp--preset--color--text-dark: #2C2C2C;
    --wp--preset--color--text-light: #6B6B6B;
    --wp--preset--color--border: #E8E0D6;
    
    --wp--preset--font-family--primary: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --wp--preset--font-family--heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    
    --wp--preset--spacing--10: 0.625rem;
    --wp--preset--spacing--20: 1.25rem;
    --wp--preset--spacing--30: 2rem;
    --wp--preset--spacing--40: 3rem;
    --wp--preset--spacing--50: 5rem;
}

/*
 * Global Styles
 */
body {
    background-color: var(--wp--preset--color--warm-beige);
    font-family: var(--wp--preset--font-family--primary);
    color: var(--wp--preset--color--text-dark);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* 
 * Navigation Styles 
 */
.wp-block-navigation {
    background-color: var(--wp--preset--color--white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: var(--wp--preset--spacing--20) 0;
}

.wp-block-navigation .wp-block-navigation__container {
    justify-content: center;
    gap: var(--wp--preset--spacing--30);
}

.wp-block-navigation .wp-block-navigation-item a {
    color: var(--wp--preset--color--text-dark);
    text-decoration: none;
    font-weight: 500;
    padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.wp-block-navigation .wp-block-navigation-item a:hover {
    background-color: var(--wp--preset--color--primary-lilac);
    color: var(--wp--preset--color--white);
}

/*
 * Content Area
 */
.wp-site-blocks {
    padding: 0;
}

main {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
}

/*
 * Block Styles
 */
.wp-block-group {
    margin-bottom: var(--wp--preset--spacing--30);
}

.wp-block-heading {
    color: var(--wp--preset--color--deep-violet);
    font-family: var(--wp--preset--font-family--heading);
    margin-top: var(--wp--preset--spacing--40);
    margin-bottom: var(--wp--preset--spacing--10);
}

h2.wp-block-heading {
    margin-top: 2.5rem;
    margin-bottom: 0.1rem;
}

h3.wp-block-heading {
    margin-top: 2rem;
    margin-bottom: -1rem;
}

h4.wp-block-heading {
   margin-top: 2rem;
   margin-botton: -1rem;
}

.wp-block-paragraph {
    margin-bottom: var(--wp--preset--spacing--20);
}

/*
 * Footer Styles
 */
.wp-block-template-part.footer {
    background-color: var(--wp--preset--color--deep-violet);
    color: var(--wp--preset--color--white);
    margin-top: var(--wp--preset--spacing--50);
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.footer-links {
    margin-bottom: var(--wp--preset--spacing--20);
}

.footer-links a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
    margin: 0 var(--wp--preset--spacing--20);
    padding: var(--wp--preset--spacing--10);
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.footer-links a:hover {
    background-color: var(--wp--preset--color--primary-lilac);
}

/*
 * Responsive Design
 */
@media (max-width: 768px) {
    .wp-block-navigation .wp-block-navigation__container {
        flex-direction: column;
        gap: var(--wp--preset--spacing--10);
    }
    
    main {
        padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--10);
    }
    
    .footer-links a {
        display: block;
        margin: var(--wp--preset--spacing--10) 0;
    }
}

/*
 * Utility Classes
 */
.has-warm-beige-background-color {
    background-color: var(--wp--preset--color--warm-beige) !important;
}

.has-primary-lilac-background-color {
    background-color: var(--wp--preset--color--primary-lilac) !important;
}

.has-deep-violet-background-color {
    background-color: var(--wp--preset--color--deep-violet) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}