:root {
  --ink: #1a1a1a;
  --cream: #faf6f0;
  --rust: #b5451b;
  --jade: #2d6a4f;
  --gold: #c4a35a;
  --warm-gray: #8a8078;
  --light-gray: #e8e2da;
  --paper: #f5f0e8;
  --shadow: rgba(26,26,26,0.08);
  --tax-rate: 0.09875;
}
[data-theme="dark"] {
  --ink: #e8e6e4;
  --cream: #1a1c1b;
  --paper: #222624;
  --light-gray: #3a3d3b;
  --warm-gray: #9a9590;
  --shadow: rgba(0,0,0,0.3);
}
[data-theme="dark"] .site-header {
  background: #1a1a1a;
  color: #faf6f0;
}
[data-theme="dark"] .site-header .logo-en {
  color: #faf6f0;
}
[data-theme="dark"] .site-header .logo-sub {
  color: rgba(250,246,240,0.7);
}
[data-theme="dark"] .site-header .header-nav button {
  color: #faf6f0;
}
[data-theme="dark"] .site-header .header-nav button:hover {
  border-color: var(--gold);
  color: var(--gold);
}
[data-theme="dark"] .site-header .header-nav button.active {
  background: var(--rust);
  border-color: var(--rust);
  color: #fff;
}
[data-theme="dark"] .site-header .header-admin a,
[data-theme="dark"] .site-header .header-admin-btn {
  color: var(--gold);
}
[data-theme="dark"] .site-header .header-admin a:hover,
[data-theme="dark"] .site-header .header-admin-btn:hover {
  color: #faf6f0;
}
[data-theme="dark"] .intro-section {
  background: transparent;
}
[data-theme="dark"] .intro-text {
  color: var(--warm-gray);
}
[data-theme="dark"] .hero-en {
  color: #f3efe9;
  opacity: 1;
}
[data-theme="dark"] .hero-tagline {
  color: #c9c4be;
}
[data-theme="dark"] .specialty-card {
  background: #252827;
  border-color: #3a3d3b;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
[data-theme="dark"] .specialty-card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
[data-theme="dark"] .specialty-card h3,
[data-theme="dark"] .specialty-card h3 small {
  color: var(--ink);
}
[data-theme="dark"] .specialty-card p {
  color: var(--warm-gray);
}
[data-theme="dark"] .section-title,
[data-theme="dark"] .blog-card-title,
[data-theme="dark"] .blog-content h1,
[data-theme="dark"] .empty-state h3 {
  color: var(--ink);
}
[data-theme="dark"] .view-all-link,
[data-theme="dark"] .blog-card-date,
[data-theme="dark"] .blog-content-meta,
[data-theme="dark"] .empty-state,
[data-theme="dark"] .blog-empty-copy {
  color: var(--warm-gray);
}
[data-theme="dark"] .blog-card,
[data-theme="dark"] .blog-content,
[data-theme="dark"] .empty-state {
  background: #252827;
  border-color: #3a3d3b;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
[data-theme="dark"] .blog-content-body,
[data-theme="dark"] .blog-content-body p,
[data-theme="dark"] .blog-content-body li,
[data-theme="dark"] .blog-content-body strong,
[data-theme="dark"] .blog-content-body em,
[data-theme="dark"] .blog-content-body blockquote {
  color: #e8e6e4;
}
[data-theme="dark"] .blog-content-body h1,
[data-theme="dark"] .blog-content-body h2,
[data-theme="dark"] .blog-content-body h3,
[data-theme="dark"] .blog-content-body h4 {
  color: #e8e6e4;
}
[data-theme="dark"] .blog-content-body hr {
  border-top-color: #3a3d3b;
}
[data-theme="dark"] .blog-content-body code,
[data-theme="dark"] .blog-content-body pre {
  background: rgba(255,255,255,0.08);
}
[data-theme="dark"] .blog-content-body a {
  color: var(--gold);
}
[data-theme="dark"] .blog-card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
[data-theme="dark"] .blog-card-tag,
[data-theme="dark"] .back-btn {
  background: rgba(196,163,90,0.12);
  color: var(--gold);
  border-color: rgba(196,163,90,0.24);
}
[data-theme="dark"] .site-footer {
  background: #111312;
  color: #faf6f0;
  border-top: 1px solid #2f3533;
}
[data-theme="dark"] .site-footer .footer-logo,
[data-theme="dark"] .site-footer .footer-label {
  color: var(--gold);
}
[data-theme="dark"] .site-footer .footer-tagline,
[data-theme="dark"] .site-footer .footer-detail,
[data-theme="dark"] .site-footer .footer-bottom {
  color: rgba(250,246,240,0.85);
}
[data-theme="dark"] .cart-modal {
  background: #252827;
  color: var(--ink);
  border: 1px solid #3a3d3b;
  box-shadow: 0 18px 48px rgba(0,0,0,0.45);
}
[data-theme="dark"] .cart-header {
  background: #2a2d2c;
  border-bottom-color: #3a3d3b;
}
[data-theme="dark"] .cart-summary,
[data-theme="dark"] .order-form {
  background: #202322;
  border-top-color: #3a3d3b;
}
[data-theme="dark"] .cart-item {
  border-bottom-color: #3a3d3b;
}
[data-theme="dark"] .cart-item-price,
[data-theme="dark"] .summary-row,
[data-theme="dark"] .close-btn,
[data-theme="dark"] .clear-cart-btn,
[data-theme="dark"] .order-success p {
  color: #d4cfc7;
}
[data-theme="dark"] .clear-cart-btn {
  border-color: #4a4f4d;
}
[data-theme="dark"] .summary-row.total {
  border-top-color: #e8e6e4;
}
[data-theme="dark"] .order-form h3,
[data-theme="dark"] .cart-header h2,
[data-theme="dark"] .cart-item-name,
[data-theme="dark"] .cart-item-line-total {
  color: #f3efe9;
}
[data-theme="dark"] .billing-payment-summary {
  background: rgba(45,106,79,0.18);
  border-color: rgba(45,106,79,0.3);
}
[data-theme="dark"] .invalid-table-billing-actions {
  border-top-color: #3a3d3b;
}
[data-theme="dark"] .qty-btn {
  background: #343837;
  border-color: #4a4f4d;
  color: #f3efe9;
}
[data-theme="dark"] .qty-btn:hover {
  background: #3c413f;
  border-color: var(--gold);
  color: var(--gold);
}
[data-theme="dark"] .qty-btn.minus:hover {
  border-color: #7fc0a5;
  color: #7fc0a5;
}
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select {
  background: #2a2d2c;
  color: #f3efe9;
  border-color: #4a4f4d;
}
[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
  color: #9a9590;
}
[data-theme="dark"] .cart-bar {
  background: #111312;
  border-top: 1px solid #2f3533;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.45);
}
[data-theme="dark"] .view-cart-btn {
  background: #8f7540;
  color: #f7f2e8;
}
[data-theme="dark"] .view-cart-btn:hover {
  background: #a18449;
}
[data-theme="dark"] .mobile-nav button.total-btn {
  background: #8f3c1e;
  color: #fff;
}
[data-theme="dark"] .mobile-nav button.cart-btn.cart-btn--empty {
  border-color: rgba(199, 176, 120, 0.45);
  color: #c8c4bf;
}
[data-theme="dark"] .mobile-nav button.cart-btn.cart-btn--empty.active {
  background: rgba(199, 176, 120, 0.14);
  color: var(--gold);
  border-color: var(--gold);
}
[data-theme="dark"] .tip-btn {
  background: #343837;
  border-color: #4a4f4d;
  color: #f3efe9;
}
[data-theme="dark"] .tip-btn:hover {
  background: #3c413f;
  border-color: var(--gold);
  color: var(--gold);
}
[data-theme="dark"] .tip-btn.active {
  background: var(--jade);
  border-color: var(--jade);
  color: #fff;
}
[data-theme="dark"] #tipCustom,
[data-theme="dark"] #billingTipCustom {
  background: #2a2d2c;
  color: #f3efe9;
  border-color: #4a4f4d !important;
}
[data-theme="dark"] #tipCustom::placeholder,
[data-theme="dark"] #billingTipCustom::placeholder {
  color: #9a9590;
}

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

body {
  font-family: 'Source Sans 3', sans-serif;
  background: var(--cream);
  color: var(--ink);
  min-height: 100vh;
}