/* ==========================================================================
   Szakilap - Téma változók (Light / Dark)
   ========================================================================== */

:root {
  /* Akcentus színek (petrol–arany hanghoz igazítva) */
  --accent-blue:    #1f7686;
  --accent-blue-h:  #185f6d;
  --accent-green:   #15805d;
  --accent-green-h: #0f6649;
  --accent-orange:  #d97706;
  --accent-orange-h: #b45309;
  --accent-purple:  #6d4d9a;
  --accent-purple-h: #5a3d82;
  --accent-rose:    #c42d4d;
  --accent-rose-h:  #9f2340;

  /* Alap akcent: petrol-kék (a „blue” opció) */
  --accent:    var(--accent-blue);
  --accent-h:  var(--accent-blue-h);
  --accent-fg: #ffffff;

  /* Tipográfia */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', Menlo, Monaco, Consolas, monospace;

  --radius-sm: 4px;
  --radius:    6px;
  --radius-lg: 8px;
  --radius-xl: 8px;

  --shadow-sm: 0 1px 2px 0 rgba(22, 32, 36, .06);
  --shadow:    0 1px 3px 0 rgba(22, 32, 36, .09), 0 1px 2px -1px rgba(22, 32, 36, .06);
  --shadow-lg: 0 10px 25px -5px rgba(22, 32, 36, .1), 0 8px 10px -6px rgba(22, 32, 36, .06);

  --transition: 160ms cubic-bezier(.4,0,.2,1);

  /* Animációk */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   140ms;
  --duration-base:   220ms;
  --duration-slow:   380ms;
  --duration-enter:  800ms;
  --motion-y:        24px;
  --motion-scale:    0.98;
  --ease-enter:      cubic-bezier(0.22, 1, 0.36, 1);
  /* App oldalváltás (finomabb, mint a login kártya) */
  --duration-page-enter: 480ms;
  --motion-y-page:       8px;
  --ease-page:           cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --stagger-step:        28ms;
  --stagger-max:         6;

  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;
}

/* === LIGHT (meleg krém + petrol, a sötét téma párja) === */
:root,
[data-theme="light"] {
  --bg:           #f1ede4;
  --bg-elev:      #fffdf8;
  --bg-soft:      #e6e1d6;
  --bg-hover:     #ded8cc;
  --border:       color-mix(in srgb, #cfc6b8 70%, #a8c2c4 30%);
  --border-soft:  #ebe5da;

  --text:         #132022;
  --text-soft:    #3d524f;
  --text-muted:   #6f7f7d;
  --text-inv:     #fffdf8;

  --sidebar-bg:   #f7f3eb;
  --sidebar-text: #3d524f;
  --sidebar-text-active: #0e181a;

  --success:    #0f766e;
  --warning:    #c2410c;
  --danger:     #c02626;
  --info:       #0d6f7e;

  --success-bg: #e0f2ef;
  --warning-bg: #fcefd9;
  --danger-bg:  #fdeaea;
  --info-bg:    #dff4f7;

  /* Státusz buborékok */
  --tag-gray-bg:   #e2e4e0; --tag-gray-fg:   #2c3836;
  --tag-blue-bg:   #d5eef2; --tag-blue-fg:   #155a66;
  --tag-amber-bg:  #fcefd9; --tag-amber-fg:  #9a3412;
  --tag-green-bg:  #e0f2ef; --tag-green-fg:  #0f5c4f;
  --tag-purple-bg: #ebe4f4; --tag-purple-fg: #5a3d82;
  --tag-slate-bg:  #e2e4e0; --tag-slate-fg:  #2c3836;
  --tag-red-bg:    #fdeaea; --tag-red-fg:    #b91c1c;

  color-scheme: light;
}

/* === DARK (petrol + borostyán / „Villeneuve” hangulat) === */
[data-theme="dark"] {
  /* Alap: mély szén + petrol tónus; a test háttérét réteges gradiens adja (main.css) */
  --bg:          #07090d;
  --bg-elev:     #0c1118;
  --bg-soft:     #121a22;
  --bg-hover:    #172028;
  --border:      color-mix(in srgb, #2a3d45 82%, #6b4423 18%);
  --border-soft: #141c24;

  --text:        #e8ecf1;
  --text-soft:   #9db0b8;
  --text-muted:  #6b7d86;
  --text-inv:    #0a0c0e;

  --sidebar-bg:  rgba(5, 8, 11, 0.94);
  --sidebar-text: #8fa3ad;
  --sidebar-text-active: #f2efe8;

  --success:    #34d399;
  --warning:    #fbbf24;
  --danger:     #f87171;
  --info:       #5eead4;

  --success-bg: #052218;
  --warning-bg: #2a1808;
  --danger-bg:  #2a0c0c;
  --info-bg:    #082a28;

  --tag-gray-bg:   #1a222b; --tag-gray-fg:   #c5d0d6;
  --tag-blue-bg:   #153040; --tag-blue-fg:   #9fd4e0;
  --tag-amber-bg:  #2a1a0a; --tag-amber-fg:  #f5d79a;
  --tag-green-bg:  #0a2218; --tag-green-fg:  #9ae6b4;
  --tag-purple-bg: #241830; --tag-purple-fg: #d4c4f0;
  --tag-slate-bg:  #1a222b; --tag-slate-fg:  #c5d0d6;
  --tag-red-bg:    #2a1010; --tag-red-fg:    #fecaca;

  --shadow-sm: 0 1px 2px 0 rgba(4, 12, 16, .5);
  --shadow:    0 1px 3px 0 rgba(4, 12, 16, .55), 0 1px 2px -1px rgba(4, 12, 16, .45);
  --shadow-lg: 0 12px 28px -6px rgba(4, 12, 16, .58), 0 8px 12px -8px rgba(4, 12, 16, .45);

  color-scheme: dark;
}

/* === Akcent variáció === */
[data-accent="green"]  { --accent: var(--accent-green);  --accent-h: var(--accent-green-h); }
[data-accent="orange"] { --accent: var(--accent-orange); --accent-h: var(--accent-orange-h); }
[data-accent="purple"] { --accent: var(--accent-purple); --accent-h: var(--accent-purple-h); }
[data-accent="rose"]   { --accent: var(--accent-rose);   --accent-h: var(--accent-rose-h); }