/* ═══════════════════════════════════════════
   TOKENS – a téma változói (szín, betű, árnyék, lekerekítés)

   Külön fájlban, mert nem csak a látogatói oldal használja: a bejelentkezési
   oldal (login.css) is ezekből dolgozik, a base.css-t viszont nem töltheti be
   — annak általános nullázása (`* { margin: 0; padding: 0 }`) szétszedné a
   WordPress bejelentkezési űrlapját. Így a színeknek egy forrása van.
   ═══════════════════════════════════════════ */

:root {
    --primary: #0088cc;
    --primary-dark: #006da3;
    --primary-light: #e6f4fb;
    --primary-10: rgba(0, 136, 204, 0.1);
    --primary-20: rgba(0, 136, 204, 0.2);

    --dark: #1a2332;
    --dark-soft: #2a3545;
    --text: #2c3e50;
    --text-secondary: #5a6d80;
    --text-muted: #8e9fb3;
    --border: #dce3eb;
    --border-light: #e8edf2;
    --bg: #f7f8f9;
    --bg-card: #ffffff;
    --bg-sidebar: #fafbfc;

    --tag-new: #16a34a;
    --tag-fast: #e67e22;
    --tag-rent: #8b5cf6;

    --shadow-sm: 0 1px 3px rgba(26,35,50,0.06);
    --shadow-md: 0 4px 12px rgba(26,35,50,0.08);
    --shadow-lg: 0 8px 30px rgba(26,35,50,0.12);
    --shadow-card: 0 1px 4px rgba(26,35,50,0.06), 0 0 0 1px rgba(220,227,235,0.5);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;

    --font: 'IBM Plex Sans', -apple-system, sans-serif;
    --font-heading: 'Barlow Condensed', -apple-system, sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    --header-h: 70px;
    --sidebar-w: 280px;
    --container-max: 1440px;
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    --btn-gradient: linear-gradient(180deg, #1a9fe0 0%, #0088cc 50%, #0078b8 100%);
    --btn-gradient-hover: linear-gradient(180deg, #0088cc 0%, #006da3 50%, #005f8f 100%);
    --btn-gradient-secondary: linear-gradient(180deg, #ffffff 0%, #f7f8f9 100%);
    --btn-gradient-secondary-hover: linear-gradient(180deg, #f0f8fd 0%, #e0f0fa 100%);
}