/*
 * Look Up Core - main.css
 * Minimal reset + CSS custom properties.
 * All visual styling belongs to the child theme and Elementor.
 */

/* ── CSS Variables (overridable by child theme) ─────────────────────────── */
:root {
    --luc-font-primary:     -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --luc-font-secondary:   Georgia, "Times New Roman", serif;
    --luc-color-text:       #2d2d2d;
    --luc-color-bg:         #ffffff;
    --luc-color-primary:    #1a1a1a;
    --luc-color-accent:     #000000;
    --luc-container-width:  1200px;
    --luc-transition:       0.3s ease;
}

/* ── Reset ──────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    padding: 0;
    font-family: var(--luc-font-primary);
    color: var(--luc-color-text);
    background: var(--luc-color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, video, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

a { color: inherit; text-decoration: none; }

/* ── Elementor helpers ──────────────────────────────────────────────────── */
.elementor-kit-tag { margin: 0; }

/* Prevent FOUC on Elementor pages */
.elementor-invisible { visibility: hidden; }