@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--bg:#f9f9f9;--paper:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--primary:#2d9cdb;--primary-hover:#1b7cb5;--secondary:#27ae60;--secondary-hover:#1e874b;--error:#eb5757;--error-hover:#c0392b;--warning:#f2994a;--warning-hover:#d35400;--border:#e0e0e0;--card-shadow:0 2px 12px rgba(0,0,0,.06)}.theme-dark{--bg:#121212;--paper:#1e1e1e;--text-primary:beige;--text-secondary:#ccc;--primary:#2d9cdb;--primary-hover:#1b7cb5;--secondary:#27ae60;--secondary-hover:#1e874b;--error:#eb5757;--error-hover:#c0392b;--warning:#f2994a;--warning-hover:#d35400;--border:#333;--card-shadow:0 2px 12px rgba(0,0,0,.25)}@layer base{html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-background,body{background-color:var(--bg)}.bg-paper{background-color:var(--paper)}.text-textPrimary{color:var(--text-primary)}.text-textSecondary{color:var(--text-secondary)}.border-base{border-color:var(--border)}.btn{@apply inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--text-primary)}.input{@apply w-full rounded-md px-3 py-2 text-sm outline-none transition;background-color:var(--paper);color:var(--text-primary);border:1px solid var(--border)}.input::placeholder{color:var(--text-secondary)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.search-bar{@apply w-full max-w-2xl rounded-full px-4 py-3 text-sm shadow-sm;background-color:var(--paper);color:var(--text-primary);border:1px solid var(--border)}.search-bar:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 18%,transparent)}.card{@apply rounded-xl p-4;background-color:var(--paper);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--card-shadow)}.card-hover{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card-hover:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 6px 20px color-mix(in oklab,var(--primary) 15%,rgba(0,0,0,.25))}.price{color:var(--secondary);font-weight:600}.tag-success{background-color:var(--secondary);color:#fff}.tag-error{background-color:var(--error);color:#fff}.tag-warning{background-color:var(--warning);color:#fff}:where(button,a,[role=button],.btn){outline:none}:where(button,a,[role=button],.btn):focus-visible{box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 22%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in oklab,var(--bg) 90%,#000 10%)}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--primary) 65%,#000 35%);border-radius:10px;border:2px solid color-mix(in oklab,var(--bg) 85%,#000 15%)}}@layer components{.navbar{@apply w-full border-b;background-color:var(--paper);border-color:var(--border)}.container-page,.grid-products{@apply grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4}}