/* GENERÁLT a Hubi Metal Industry Design System tokens.json-jából — kézzel ne szerkeszd. */
:root, [data-theme="light"] {
  --brand-dark: #4c4b4a;
  --brand-mid: #636361;
  --brand-light: #9c9b9a;
  --bg: #f8f8f7;
  --surface: #ffffff;
  --surface-2: #f2f2f1;
  --surface-inverse: #2b2a29;
  --ink: #2b2a29;
  --text-strong: #4c4b4a;
  --text: #636361;
  --text-muted: #727170;
  --text-helper: #8c8b8a;
  --text-inverse: #ffffff;
  --text-inverse-muted: #b5b4b3;
  --photo-scrim: #2b2a29;
  --on-photo: #ffffff;
  --on-photo-muted: #c9c8c7;
  --border: #e5e4e3;
  --border-strong: #cfcecc;
  --border-meaning: #727170;
  --primary: #4c4b4a;
  --primary-hover: #636361;
  --on-primary: #ffffff;
  --focus: #4c4b4a;
  --success: #2e7d32;
  --warning: #b57f00;
  --danger: #b71c1c;
  --info: #5f6368;
  --on-status: #ffffff;
  --success-bg: #f4f8f4;
  --success-fg: #2e5d32;
  --warning-bg: #fdf8e6;
  --warning-fg: #6b4f00;
  --danger-bg: #fbf3f3;
  --danger-fg: #8b1414;
  --info-bg: #f2f2f1;
  --info-fg: #4c4b4a;
  --cat-1: #c9d6e3;
  --cat-2: #d5cfc2;
  --cat-3: #c8d9c8;
  --cat-4: #e0cfcb;
  --cat-5: #d3cce0;
  --cat-6: #c7dad9;
  --cat-7: #e2d9b8;
  --cat-8: #d8d2cc;
  --shadow-card: 0 4px 20px rgba(43, 42, 41, 0.10);
  --shadow-lift: 0 8px 24px rgba(43, 42, 41, 0.18);
  --shadow-nav: 0 1px 0 rgba(43, 42, 41, 0.08);
}
[data-theme="dark"] {
  --brand-dark: #e5e4e3;
  --brand-mid: #b5b4b3;
  --brand-light: #7e7d7c;
  --bg: #141312;
  --surface: #1e1d1c;
  --surface-2: #2a2928;
  --surface-inverse: #e5e4e3;
  --ink: #f3f2f1;
  --text-strong: #e5e4e3;
  --text: #b5b4b3;
  --text-muted: #8e8d8c;
  --text-helper: #7e7d7c;
  --text-inverse: #1e1d1c;
  --text-inverse-muted: #636361;
  --photo-scrim: #2b2a29;
  --on-photo: #ffffff;
  --on-photo-muted: #c9c8c7;
  --border: #3a3938;
  --border-strong: #4c4b4a;
  --border-meaning: #9c9b9a;
  --primary: #e5e4e3;
  --primary-hover: #cfcecc;
  --on-primary: #1e1d1c;
  --focus: #9c9b9a;
  --success: #7fbf83;
  --warning: #d9b45f;
  --danger: #e89898;
  --info: #b5b4b3;
  --on-status: #141312;
  --success-bg: #1b2d1e;
  --success-fg: #98c49a;
  --warning-bg: #2d2818;
  --warning-fg: #d9b45f;
  --danger-bg: #2d1b1b;
  --danger-fg: #e89898;
  --info-bg: #2a2928;
  --info-fg: #b5b4b3;
  --cat-1: #3a4c60;
  --cat-2: #5a5040;
  --cat-3: #3c5540;
  --cat-4: #5e4640;
  --cat-5: #4c4260;
  --cat-6: #3a5352;
  --cat-7: #5a5230;
  --cat-8: #4a4642;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lift: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-nav: 0 1px 0 rgba(255, 255, 255, 0.06);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --font-display: "Poppins", "Segoe UI", Arial, sans-serif;
  --font-sans: "Inter", "Segoe UI", Arial, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
}
.display-1 { font-family: var(--font-display); font-size: 56px; line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.display-2 { font-family: var(--font-display); font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; }
.h1 { font-family: var(--font-display); font-size: 32px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-display); font-size: 24px; line-height: 1.2; font-weight: 600; }
.h3 { font-family: var(--font-display); font-size: 18px; line-height: 1.3; font-weight: 600; }
.eyebrow { font-family: var(--font-display); font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.stat { font-family: var(--font-display); font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 400; font-style: italic; }
.ui-label { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 600; }
.ui-body { font-family: var(--font-sans); font-size: 13px; line-height: 1.45; font-weight: 400; }
.ui-num { font-family: var(--font-sans); font-size: 13px; line-height: 1.45; font-weight: 500; font-variant-numeric: tabular-nums; }
.ui-caption { font-family: var(--font-sans); font-size: 11px; line-height: 1.3; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 400; }