/* ==========================================================================
   2smart – alapértelmezett téma
   --------------------------------------------------------------------------
   Új design készítésekor elsőként ezt a blokkot írd át: minden szín, betű,
   sarok és térköz innen jön. A komponensek (app.css) csak ezekre a
   változókra hivatkoznak, ezért a logika és a sablonok érintetlenek maradnak.
   ========================================================================== */
:root {
  /* felületek */
  --bg: #0e1116;
  --bg-elevated: #151a22;
  --surface: #1a212b;
  --surface-hover: #212a36;
  --border: #2a3441;

  /* szöveg */
  --text: #e8ecf2;
  --text-muted: #8b97a8;
  --text-on-accent: #1a1300;

  /* színek */
  --accent: #f5b301;
  --accent-hover: #ffc42e;
  --accent-soft: rgba(245, 179, 1, 0.12);
  --ok: #3ecf8e;
  --ok-soft: rgba(62, 207, 142, 0.12);
  --warn: #ffb020;
  --warn-soft: rgba(255, 176, 32, 0.12);
  --danger: #ff5c5c;
  --danger-soft: rgba(255, 92, 92, 0.12);
  --info: #5aa9ff;
  --info-soft: rgba(90, 169, 255, 0.12);

  /* forma */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);

  /* betűk (külső betöltés nélkül; később cserélhető pl. Google Fonts-ra) */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-body);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* elrendezés */
  --container: 1100px;
  --gap: 16px;
}