/* css/tokens.css — Jász Múzeum design tokenek
   Aktív paletta:
   - fő háttérkék/szürkéskék: #A0A8B0
   - arany: #E8D098
   - alap oldalháttér: #E0E0D8
*/

:root {
  /* =========================
     BRAND PALETTA
     ========================= */
  --jm-slate: #A0A8B0;
  --jm-slate-700: #838A90;
  --jm-slate-500: #B3B9C0;
  --jm-slate-400: #C1C6CC;

  --jm-gold: #E8D098;
  --jm-muted: #837670;
  --jm-line: #C0B8B0;
  --jm-paper: #FFFFFF;
  --jm-page-bg: #E0E0D8;

  /* =========================
     TYPOGRAPHY
     ========================= */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* =========================
     UI
     ========================= */
  --jm-radius: 14px;
  --jm-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);

  /* =========================
     HEADER / BADGE
     ========================= */
  --jm-header-h: 170px;

  --jm-badge-w: 120px;
  --jm-badge-pad-x: 10px;
  --jm-badge-pad-y: 10px;
  --jm-badge-logo-w: 40px;
  --jm-badge-logo-w-mobile: 30px;

  --jm-cut-d: 560px;
  --jm-cut-stroke: 16px;
  --jm-cut-overlap: 78px;
  --jm-cut-y: 50%;

  /* =========================
     ALIASOK / KOMPATIBILITÁS
     ========================= */
  --jm-sidebar-bg: var(--jm-slate);
  --jm-sidebar-bg-hover: var(--jm-slate-700);
  --jm-sidebar-text: #605048;
  --jm-sidebar-text-muted: rgba(96, 80, 72, 0.78);

  --jm-gold-600: var(--jm-gold);
  --jm-gold-500: var(--jm-gold);
  --jm-gold-300: var(--jm-gold);

  --jm-blue-900: var(--jm-slate-700);
  --jm-blue-800: var(--jm-slate-700);
  --jm-blue-700: var(--jm-slate-700);
  --jm-blue-600: var(--jm-slate);

  /* =========================
     OLIVERO TOKEN MAPPING
     ========================= */
  --color--primary-30: var(--jm-slate-700);
  --color--primary-40: var(--jm-slate);
  --color--primary-50: var(--jm-slate-500);
  --color--primary-60: var(--jm-slate-400);

  --color--accent-30: var(--jm-gold);
  --color--accent-40: var(--jm-gold);

  --outline-color: var(--jm-gold);

  --color-text-neutral-loud: #605048;
  --color-text-neutral-medium: var(--jm-muted);
  --color--border: var(--jm-line);
}