/*
 Theme Name:   Chrille.nu Dark
 Theme URI:    https://chrille.nu
 Description:  Mörkt Growra-inspirerat tema för chrille.nu
 Author:       Chrille Hedberg
 Author URI:   https://chrille.nu
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  chrille-nu-child
*/

/* ==========================================================================
   CSS Custom Properties — Designspec chrille.nu
   Variabelnamn matchar barntema teknisk spec exakt.
   ========================================================================== */

:root {
    /* Bakgrunder */
    --bg-primary: #0D0D0D;
    --bg-surface: #1A1A1E;
    --bg-hover: #242428;
    --bg-elevated: #2A2A2F;

    /* Text */
    --text-primary: #F0F0EB;
    --text-secondary: #8A8A80;
    --text-muted: #5A5A55;

    /* Accent — Chrilles gröna */
    --accent-green: #69A032;
    --accent-green-glow: rgba(105, 160, 50, 0.15);
    --accent-green-light: #D0E6A5;

    /* Universumfärger */
    --accent-vard: #E05555;
    --accent-teknik: #8A8A90;
    --accent-utbildning: var(--accent-green);
    --accent-foretagande: #5B9BD5;

    /* Borders */
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-medium: rgba(255, 255, 255, 0.15);

    /* Radii — designspec: 12-16px */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Typografi — levereras lokalt via OMGF */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Source Sans 3', sans-serif;
}

/* ==========================================================================
   Base — Dark Theme Foundation
   ========================================================================== */

body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary);
    font-family: var(--font-body);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background-color: var(--accent-green);
    color: var(--bg-primary);
}

a {
    color: var(--accent-green);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--accent-green-light);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    font-weight: 700;
    line-height: 1.3;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}