/* Reset, Fonts, Variablen - adaptiert aus ManageForstverein */
*, *::before, *::after { box-sizing: border-box; }

@font-face { font-family: 'Source Sans 3'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/source-sans-3-300.woff2') format('woff2'); }
@font-face { font-family: 'Source Sans 3'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/source-sans-3-400.woff2') format('woff2'); }
@font-face { font-family: 'Source Sans 3'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/source-sans-3-600.woff2') format('woff2'); }

:root {
    --dark-bg: #263238;
    --primary-green: #2E7D32;
    --hover-green: #4CAF50;
    --page-bg: #f5f7fa;
    --text-light: #ECEFF1;
    --text-dark: #1d1d1f;
    --text-muted: #6e6e73;
    --card-bg: #FFFFFF;
    --surface-2: #fafafa;
    --border-color: #e1e3e6;
    --border-strong: #c9ccd1;
    --primary-5:  color-mix(in srgb, var(--primary-green), white 95%);
    --primary-10: color-mix(in srgb, var(--primary-green), white 90%);
    --primary-20: color-mix(in srgb, var(--primary-green), white 80%);
    --primary-30: color-mix(in srgb, var(--primary-green), white 70%);
    --primary-50: color-mix(in srgb, var(--primary-green), white 50%);
    /* Apple-System-Font-Stack zuerst, Source Sans 3 als Fallback wenn keine
       System-Fonts greifen. Liefert auf macOS/iOS SF Pro, auf Windows Segoe UI. */
    --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", 'Source Sans 3', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", "Source Code Pro", Menlo, Consolas, monospace;
    --color-warning-bg: #fff3e0;
    --color-warning-fg: #e65100;
    --color-danger-bg:  #ffebee;
    --color-danger-fg:  #c62828;
    --color-info-bg:    #e3f2fd;
    --color-info-fg:    #1565c0;
    --color-success-bg: #e8f5e9;
    --color-success-fg: #2e7d32;

    /* --- Apple-Design-Tokens --- */
    /* Spacing-Skala (4-Punkt-Grid wie iOS) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;

    /* Radius-Skala (Apple: 8px Standard, 12px Cards, 6px Inline) */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-pill: 999px;

    /* Schatten-Skala (subtil wie macOS) */
    --shadow-1: 0 1px 2px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.05);
    --shadow-2: 0 2px 6px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
    --shadow-3: 0 8px 24px rgba(0,0,0,.10), 0 0 0 1px rgba(0,0,0,.04);

    /* Kontroll-Höhe (Buttons + Inputs einheitlich 40px wie iOS Standard) */
    --control-h: 40px;
    --control-h-sm: 32px;
    --control-h-lg: 48px;
    --control-px: 14px;
    --control-radius: var(--radius-md);

    /* Fokus-Ring (Apple-Style: blau-grün glow) */
    --focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary-green), transparent 75%);
}

html, body { height: 100%; margin: 0; padding: 0; }
body {
    font-family: var(--font-family);
    font-size: 15px;
    color: var(--text-dark);
    background: var(--page-bg);
    -webkit-font-smoothing: antialiased;
}

html { scrollbar-width: thin; scrollbar-color: var(--primary-30) transparent; }

a { color: var(--primary-green); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 { color: var(--text-dark); margin: 0 0 .6em 0; font-weight: 600; }
h1 { font-size: 1.4rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.05rem; }

code, pre, textarea.code { font-family: 'JetBrains Mono', 'Source Code Pro', 'Menlo', monospace; }

.hidden { display: none !important; }