/*
Theme Name: Tema Toko (Classic Clean)
Theme URI: https://paketbuku.com/tematoko
Author: Tema Toko
Author URI: https://paketbuku.com/tematoko
Description: Tema Toko bernuansa Google One (Classic Clean) yang modern, minimalis, dan elegan. Dirancang khusus untuk WooCommerce dengan katalog carousel horizontal, sidebar navigasi pill, dan top bar fungsional.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tema-toko
Tags: e-commerce, woocommerce, classic-clean, grid-layout, custom-menu, right-sidebar
*/

:root {
  --font-family-sans: "Google Sans", "Product Sans", "Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg-body: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-header: #ffffff;
  --bg-active-pill: #c2e7ff;
  --bg-active-pill-hover: #b3ddfc;
  --color-active-pill-text: #001d35;
  --color-nav-text: #444746;
  --color-nav-text-hover: #1f1f1f;
  --color-heading: #1f1f1f;
  --color-body: #444746;
  --color-muted: #5e5e5e;
  --color-link: #0b57d0;
  --color-link-hover: #0842a0;
  --color-border: #e0e2ec;
  --card-border: #e3e3e3;
  --card-radius: 20px;
  --pill-radius: 9999px;
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --topbar-height: 64px;
  --sidebar-width: 250px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family-sans);
  background-color: var(--bg-body);
  color: var(--color-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}