/*
Theme Name: Malermeister Goldberg
Theme URI: https://malermeister-goldberg.de
Author: Malermeister Goldberg
Author URI: https://malermeister-goldberg.de
Description: Custom WordPress Theme für Malermeister Goldberg - Professionelle Malerarbeiten mit höchster Qualität.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goldberg
*/

/* ========================================
   CSS Design System - Malermeister Goldberg
   ======================================== */

/* ----- CSS Variables ----- */
:root {
    /* Colors - Gold Theme from Logo */
    --color-gold-light: #E8D492;
    --color-gold: #C9A855;
    --color-gold-dark: #A88B3D;

    /* Neutral Colors */
    --color-black: #1A1A1A;
    --color-dark: #2D2D2D;
    --color-gray-dark: #4A4A4A;
    --color-gray: #6B6B6B;
    --color-gray-light: #9A9A9A;
    --color-light: #F8F8F8;
    --color-white: #FFFFFF;

    /* Gradients */
    --gradient-gold: linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 50%, var(--color-gold-dark) 100%);
    --gradient-dark: linear-gradient(135deg, var(--color-black) 0%, var(--color-dark) 100%);

    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 5rem;
    --spacing-3xl: 8rem;

    /* Border Radius - Angular Design */
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-full: 0;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.15);
    --shadow-gold: 0 4px 20px rgba(201, 168, 85, 0.3);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Header Height */
    --header-height: 100px;
}

/* The rest of the CSS is loaded from the original style.css via @import */