/*
 * csavarpolc — DESIGN TOKENEK (Core alap). A végleges látványterv ezt a fájlt cseréli le:
 *   public/assets/themes/<téma>/core/css/tokens.css  (APP_THEME=<téma>)
 * vagy a változókat felülírja a public/assets/themes/<téma>/theme.css-ben.
 * A modulok CSAK ezekre a változókra hivatkozzanak (nincs beégetett szín / betűméret).
 */
:root {
  /* színek */
  --color-bg: #ffffff;
  --color-surface: #f5f6f8;
  --color-surface-2: #eceef2;
  --color-text: #1d2433;
  --color-text-muted: #5c6577;
  --color-border: #d8dce3;
  --color-primary: #1f4fd1;
  --color-primary-hover: #183fa8;
  --color-primary-contrast: #ffffff;
  --color-accent: #f2a900;
  --color-success: #1a7f45;
  --color-success-bg: #e6f4ec;
  --color-warning: #8a5a00;
  --color-warning-bg: #fff4dc;
  --color-danger: #b42318;
  --color-danger-bg: #fdecea;
  --color-info: #1f4fd1;
  --color-info-bg: #e8eefc;
  --color-stock-in: var(--color-success);
  --color-stock-out: var(--color-text-muted);
  --color-price: var(--color-text);

  /* tipográfia */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-body);
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --leading: 1.55;
  --weight-normal: 400;
  --weight-bold: 650;

  /* térköz, forma */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --shadow-sm: none;
  --shadow: none;
  --container: 1240px;
  --gutter: 16px;
  --header-height: 64px;
  --focus-ring: 0 0 0 3px rgba(31, 79, 209, 0.35);
  --transition: 150ms ease;
}