/* Design system based on the provided moodboard (modern lime + deep greens + charcoal) */
:root {
  --brand-lime: #c4db1f; /* main accent */
  --brand-lime-rgb: 196 219 31;
  --brand-dark: #0b1614; /* deep green/ink */
  --brand-dark-rgb: 11 22 20;
  --brand-ink: #0a0f10;  /* near-black text */
  --brand-ink-rgb: 10 15 16;
/*teszt1234*/
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.08);
}

html, body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }

/* Utility helpers for places where Tailwind isn't used */
.btn { display:inline-flex; align-items:center; gap:.5rem; font-weight:600; border-radius: var(--radius-sm); padding:.625rem 1rem; border:1px solid transparent; cursor:pointer; text-decoration:none }
.btn-primary { background: var(--brand-lime); color: var(--brand-ink); box-shadow: var(--shadow-soft); }
.btn-primary:hover { filter: brightness(0.95); }
.btn-dark { background: var(--brand-ink); color:#fff }
.btn-dark:hover { background:#000 }

.card { background:#fff; border:1px solid #e7e5e4; border-radius: var(--radius-md); box-shadow: var(--shadow-soft); }
.chip { display:inline-flex; align-items:center; padding:.25rem .625rem; border-radius:999px; background:#f5f5f4; color:#1c1917; font-size:.875rem }

/* Form controls */
input[type="text"], input[type="search"], select { border:1px solid #e7e5e4; border-radius: var(--radius-sm); padding:.75rem 1rem; outline:none }
input[type="text"]:focus, input[type="search"]:focus, select:focus { border-color: color-mix(in oklab, var(--brand-lime), #1c1917 15%); box-shadow: 0 0 0 4px color-mix(in oklab, var(--brand-lime), transparent 75%); }

/* Price emphasis */
.price { font-weight: 800; color: var(--brand-ink); }
.price-best { color: color-mix(in oklab, var(--brand-lime), #0a0f10 30%); }

/* Tables */
table.clean { width:100%; border-collapse:separate; border-spacing:0; }
table.clean th, table.clean td { padding:.875rem 1rem; border-bottom:1px solid #e7e5e4; text-align:left }
table.clean thead th { background:#fafaf9; font-weight:700; color:#1c1917; position:sticky; top:0; z-index:1 }
table.clean tr:hover td { background:#fafaf9 }

/* Layout tweaks when Tailwind is not present (fallback) */
header .logo-dot { width:1.25rem; height:1.25rem; display:inline-flex; align-items:center; justify-content:center; border-radius:.5rem; background: color-mix(in oklab, var(--brand-lime), transparent 80%); border:1px solid color-mix(in oklab, var(--brand-lime), #000 10%); }
.logo-dot i { width:.5rem; height:.5rem; background: var(--brand-lime); display:block; border-radius:.25rem }