/*
Theme Name: BestWallClock
Theme URI: https://bestwallclock.com
Author: BestWallClock S.R.L.
Author URI: https://bestwallclock.com
Description: Premium dark luxury theme for Rolex-inspired dealer display wall clocks. Custom-built WooCommerce theme with obsidian aesthetics, gold accents, and premium typography.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: bestwallclock
Tags: e-commerce, woocommerce, dark, luxury, custom-header, custom-menu, featured-images

BestWallClock — Premium Dealer Display Wall Clocks
Independent manufacturer. Not affiliated with Rolex S.A.
*/

/* ============================================
   CSS CUSTOM PROPERTIES — DESIGN TOKENS
   Extracted 1:1 from bestwallclock.com
   ============================================ */
:root {
  /* Backgrounds — from bestwallclock.com (obsidian/charcoal are TRUE black/grey for section contrast) */
  --bwc-obsidian: #050505;
  --bwc-charcoal: #121212;
  --bwc-heritage-green: #031c12;
  --bwc-card-dark: #0a1a12;
  --bwc-table-bg: #0a0a0a;
  --bwc-input-bg: #111111;

  /* Gold Accent System */
  --bwc-gold: #c5a059;
  --bwc-gold-hover: #d4b26f;
  --bwc-gold-glow: rgba(197, 160, 89, 0.3);
  --bwc-gold-subtle: rgba(197, 160, 89, 0.15);
  --bwc-gold-border: rgba(197, 160, 89, 0.4);

  /* Borders */
  --bwc-border: #1a1a1a;
  --bwc-border-subtle: #1a1a1a;

  /* Text */
  --bwc-text: #ffffff;
  --bwc-text-body: #e0e0e0;
  --bwc-text-muted: #888888;
  --bwc-text-soft: #aaaaaa;
  --bwc-text-dim: #777777;
  --bwc-text-link: #cccccc;

  /* Badges */
  --bwc-badge-hot: #ff6600;
  --bwc-badge-top: #7c14fc;
  --bwc-badge-new: #006d32;
  --bwc-badge-sale: #f20000;
  --bwc-badge-blue: #0066cc;
  --bwc-trustpilot-green: #00b67a;

  /* Typography */
  --bwc-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bwc-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* Spacing */
  --bwc-section-pad: 90px;
  --bwc-section-pad-sm: 50px;
  --bwc-container-max: 1200px;
  --bwc-container-pad: 24px;

  /* Transitions */
  --bwc-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --bwc-transition: all 0.4s var(--bwc-ease);
  --bwc-transition-fast: all 0.3s ease;

  /* Shadows */
  --bwc-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
  --bwc-shadow-card-hover: 0 15px 40px rgba(0, 0, 0, 0.6);
  --bwc-shadow-btn: 0 4px 15px var(--bwc-gold-subtle);
  --bwc-shadow-btn-hover: 0 8px 25px var(--bwc-gold-glow);
  --bwc-shadow-hero: 0 5px 20px rgba(0, 0, 0, 0.8);
}

/* ============================================
   GLOBAL RESETS — Force white text on dark theme
   ============================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--bwc-heritage-green);
  color: var(--bwc-text);
  font-family: var(--bwc-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--bwc-text);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--bwc-text);
  font-family: var(--bwc-font-heading);
}

p, span, li, div {
  color: inherit;
}