/*
 Theme Name:   Azubischule Astra Child
 Theme URI:    https://azubischule.tv
 Description:  Corporate Design — Astra Child Theme für Azubischule.TV
 Author:       Julian Hupertz
 Author URI:   https://azubischule.tv
 Template:     astra
 Version:      2.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  azubischule-v2
*/

/* ============================================
   Google Fonts — Playfair Display + DM Sans
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* ============================================
   Design Tokens (CSS Custom Properties)
   ============================================ */
:root {
    /* Farben — Primär */
    --azub-black: #1a1a1a;
    --azub-charcoal: #2d2d2d;
    --azub-dark-gray: #4a4a4a;
    --azub-medium-gray: #6b7280;
    --azub-light-gray: #f3f4f6;
    --azub-warm-gray: #f7f6f4;
    --azub-white: #ffffff;
    --azub-border: #e5e7eb;

    /* Farben — Akzent (Waldgrün) */
    --azub-accent: #15803d;
    --azub-accent-hover: #116932;
    --azub-accent-light: #dcfce7;
    --azub-accent-muted: rgba(21, 128, 61, 0.08);

    /* Farben — Status */
    --azub-success: #15803d;
    --azub-error: #dc2626;
    --azub-warning: #d97706;

    /* Typografie */
    --azub-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --azub-font-heading: 'Playfair Display', Georgia, serif;

    /* Abstände */
    --azub-spacing-xs: 0.25rem;
    --azub-spacing-sm: 0.5rem;
    --azub-spacing-md: 1rem;
    --azub-spacing-lg: 1.5rem;
    --azub-spacing-xl: 2rem;
    --azub-spacing-2xl: 3rem;
    --azub-spacing-3xl: 4rem;

    /* Rundungen */
    --azub-radius-sm: 6px;
    --azub-radius-md: 8px;
    --azub-radius-lg: 12px;
    --azub-radius-xl: 16px;

    /* Schatten */
    --azub-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    --azub-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    --azub-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
    --azub-shadow-hover: 0 14px 30px -8px rgba(0, 0, 0, 0.12), 0 10px 14px -6px rgba(0, 0, 0, 0.05);

    /* Layout */
    --azub-max-width: 1200px;
    --azub-header-height: 80px;

    /* Übergänge */
    --azub-transition-fast: 0.15s ease;
    --azub-transition-base: 0.2s ease;
    --azub-transition-slow: 0.3s ease;
}