/* ============================================================
   BERGEN MACHINES — Design tokens
   Sotet ipari / nordic vezerlopult. Minden ertek innen jon.
   Ne irj nyers hex-et komponensbe.
   ============================================================ */

:root {
  /* ---- Markaskala (nyers, nem hasznaljuk kozvetlenul) ---- */
  --bm-navy-1000: #030b13;
  --bm-navy-900:  #061522;
  --bm-navy-800:  #0a1e2e;
  --bm-navy-700:  #0f2637;
  --bm-navy-600:  #163143;
  --bm-navy-500:  #1e3f55;

  --bm-blue-600:  #135ac4;
  --bm-blue-500:  #1e73e8;
  --bm-blue-400:  #3d8bff;
  --bm-cyan-500:  #22b8d6;
  --bm-cyan-400:  #4fd8f0;
  --bm-cyan-300:  #8ae9f8;

  --bm-green-500: #1f9d63;
  --bm-green-400: #34d399;
  --bm-amber-500: #d89b12;
  --bm-amber-400: #fbbf24;
  --bm-red-500:   #d13b3b;
  --bm-red-400:   #f87171;

  /* ---- Tipografia ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;

  --fs-display: 1.75rem;   /* 28 */
  --fs-h1:      1.375rem;  /* 22 */
  --fs-h2:      1.0625rem; /* 17 */
  --fs-h3:      0.9375rem; /* 15 */
  --fs-body:    0.9375rem; /* 15 */
  --fs-sm:      0.8125rem; /* 13 */
  --fs-xs:      0.75rem;   /* 12 */
  --fs-label:   0.6875rem; /* 11 - HUD mikro-cimke */
  --fs-metric:  2.125rem;  /* 34 - KPI szam */

  --lh-tight: 1.15;
  --lh-snug:  1.32;
  --lh-body:  1.5;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --tracking-label: 0.14em;
  --tracking-tight: -0.02em;

  /* ---- Terkoz (4px racs) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 56px;

  /* ---- Sugar: technikai, nem buborek ---- */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-pill: 999px;

  /* ---- Vaz ---- */
  --sidebar-w:   248px;
  --topbar-h:    64px;
  --content-max: 1680px;
  --border-w:    1px;

  /* ---- Mozgas ---- */
  --ease: cubic-bezier(.32, .72, .32, 1);
  --dur-fast: 120ms;
  --dur:      180ms;
  --dur-slow: 320ms;

  --z-bg: 0;
  --z-content: 10;
  --z-sidebar: 40;
  --z-topbar: 45;
  --z-overlay: 90;
}

/* ============================================================
   SOTET MOD — ez az alapertelmezes
   ============================================================ */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg-canvas:     var(--bm-navy-900);
  --bg-deep:       var(--bm-navy-1000);
  --bg-surface:    rgba(11, 30, 46, 0.78);
  --bg-surface-2:  rgba(18, 42, 61, 0.72);
  --bg-raised:     rgba(24, 52, 74, 0.62);
  --bg-inset:      rgba(3, 11, 19, 0.45);
  --bg-glass:      rgba(10, 28, 43, 0.55);
  --bg-scrim:      rgba(3, 11, 19, 0.72);

  --border:        rgba(140, 190, 224, 0.14);
  --border-soft:   rgba(140, 190, 224, 0.08);
  --border-strong: rgba(140, 190, 224, 0.28);
  --border-accent: rgba(79, 216, 240, 0.42);

  --text:          #e6f0f8;
  --text-secondary:#9db4c8;
  --text-muted:    #6b8399;
  --text-inverse:  #061522;
  --text-accent:   var(--bm-cyan-400);

  --accent:        var(--bm-blue-500);
  --accent-hover:  var(--bm-blue-400);
  --accent-quiet:  rgba(30, 115, 232, 0.16);
  --accent-line:   var(--bm-cyan-400);

  --ok:      var(--bm-green-400);
  --ok-bg:   rgba(52, 211, 153, 0.12);
  --warn:    var(--bm-amber-400);
  --warn-bg: rgba(251, 191, 36, 0.12);
  --bad:     var(--bm-red-400);
  --bad-bg:  rgba(248, 113, 113, 0.12);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, .38);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, .5);
  --glow:      0 0 0 1px rgba(79, 216, 240, .22), 0 0 24px rgba(79, 216, 240, .12);
  --glow-soft: 0 0 32px rgba(30, 115, 232, .18);

  --grid-line: rgba(140, 190, 224, 0.055);
  --chart-1: var(--bm-blue-400);
  --chart-2: var(--bm-cyan-400);
  --chart-3: #6f8fd8;
  --chart-4: var(--bm-amber-400);
  --chart-5: var(--bm-green-400);

  --bg-photo-opacity: 0.5;

  /* hattergerinc (nordic hegy) */
  --mtn-far:  #0e2434;
  --mtn-mid:  #0a1b29;
  --mtn-near: #05121e;
  --mtn-snow: #b9d8ec;
  --mtn-fog:  rgba(70, 132, 180, .20);
  --mtn-node: #4fd8f0;
}

/* ============================================================
   VILAGOS MOD — ugyanaz a vaz, nappali fenyre
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;

  --bg-canvas:     #eef2f6;
  --bg-deep:       #e2e8ee;
  --bg-surface:    rgba(255, 255, 255, 0.88);
  --bg-surface-2:  rgba(255, 255, 255, 0.72);
  --bg-raised:     rgba(255, 255, 255, 0.95);
  --bg-inset:      rgba(15, 38, 55, 0.045);
  --bg-glass:      rgba(255, 255, 255, 0.6);
  --bg-scrim:      rgba(255, 255, 255, 0.7);

  --border:        rgba(15, 38, 55, 0.13);
  --border-soft:   rgba(15, 38, 55, 0.07);
  --border-strong: rgba(15, 38, 55, 0.24);
  --border-accent: rgba(19, 90, 196, 0.42);

  --text:          #0c1f2e;
  --text-secondary:#456277;
  --text-muted:    #6d8698;
  --text-inverse:  #ffffff;
  --text-accent:   var(--bm-blue-600);

  --accent:        var(--bm-blue-600);
  --accent-hover:  var(--bm-blue-500);
  --accent-quiet:  rgba(19, 90, 196, 0.1);
  --accent-line:   var(--bm-cyan-500);

  --ok:      #0f7a4d;
  --ok-bg:   rgba(15, 122, 77, 0.1);
  --warn:    #9a6b04;
  --warn-bg: rgba(216, 155, 18, 0.14);
  --bad:     #b32626;
  --bad-bg:  rgba(209, 59, 59, 0.1);

  --shadow-sm: 0 1px 2px rgba(15, 38, 55, .08);
  --shadow-md: 0 6px 18px rgba(15, 38, 55, .09);
  --shadow-lg: 0 18px 44px rgba(15, 38, 55, .13);
  --glow:      0 0 0 1px rgba(19, 90, 196, .25);
  --glow-soft: 0 0 24px rgba(19, 90, 196, .1);

  --grid-line: rgba(15, 38, 55, 0.06);
  --chart-1: var(--bm-blue-600);
  --chart-2: var(--bm-cyan-500);
  --chart-3: #5a76b8;
  --chart-4: var(--bm-amber-500);
  --chart-5: var(--bm-green-500);

  --bg-photo-opacity: 0.34;

  --mtn-far:  #c3d3e0;
  --mtn-mid:  #a7bccd;
  --mtn-near: #8aa3b8;
  --mtn-snow: #ffffff;
  --mtn-fog:  rgba(255, 255, 255, .55);
  --mtn-node: #135ac4;
}

/* Ha nincs kezi valasztas, kovessuk a rendszert */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) { color-scheme: light; }
}