/*
Theme Name: Hello Elementor Child – Andrea Malär
Theme URI: https://andrea-malaer.ch
Description: Child Theme für die Künstler-Website von Andrea Malär, Sculpteur – Elementor Edition
Author: Beat / PGC-Technologies
Author URI: https://pgc-technologies.ch
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: artist, portfolio, sculptor, gallery, elementor
*/

/* ============================================
   Andrea Malär – Elementor Global Styles
   ============================================
   Diese Datei enthält nur grundlegende Styles.
   Das Design wird hauptsächlich über Elementor gesteuert.
   Für spezielle Effekte: siehe elementor-custom.css
   ============================================ */

/* --- CSS Variables --- */
:root {
    --am-white: #FAFAF8;
    --am-cream: #F5F0EB;
    --am-warm-gray: #E8E2DC;
    --am-text: #2C2C2C;
    --am-text-light: #6B6560;
    --am-rust: #A0522D;
    --am-rust-light: #C17A50;
    --am-steel: #4A4A4F;
    --am-steel-light: #8A8A90;
}

/* --- Global --- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Karla', -apple-system, sans-serif;
    color: var(--am-text);
    background-color: var(--am-white);
    overflow-x: hidden;
}

/* --- Typography --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    color: var(--am-text);
    font-weight: 400;
}

/* --- Links --- */
a {
    color: var(--am-rust);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #8B4513;
}

/* --- Responsive: Mobile --- */
@media (max-width: 767px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.4rem; }
}

/* --- Print Styles --- */
@media print {
    .site-header,
    .site-footer,
    .elementor-widget-menu-anchor {
        display: none !important;
    }
}