/*
Theme Name: BigDot Modern
Theme URI: https://azure-magpie-153858.hostingersite.com/
Author: Metaphor Marketing Agency
Author URI: https://metaphoragency.com
Description: Ultra-fast, modern, conversion-optimized e-commerce theme for BigDot baby & healthcare essentials.
Version: 3.3.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: bigdot-modern
*/

@import url('assets/css/main.css');

/* ==========================================================================
   CSS CUSTOM PROPERTIES & DESIGN TOKENS
   ========================================================================== */
:root {
  /* UI Kit Palette */
  --bd-primary: #fff000;          /* UI Kit Vibrant Yellow */
  --bd-primary-hover: #f5e800;
  --bd-primary-light: #fffbeb;
  --bd-primary-glow: rgba(255, 240, 0, 0.45);
  --bd-primary-contrast: #000000;
  
  --bd-secondary: #111111;        /* UI Kit Jet Black */
  --bd-secondary-hover: #222222;
  --bd-secondary-light: #333333;
  
  --bd-accent: #ffb800;
  --bd-danger: #ef4444;
  
  /* UI Kit Canvas & Card Surfaces */
  --bd-bg: #f3f4f7;               /* Signature UI Kit Light Grey Canvas */
  --bd-card-bg: #ffffff;          /* Pure White Floating Cards */
  --bd-surface-subtle: #f8f9fb;
  --bd-surface-hover: #ebeef2;
  
  /* UI Kit Borders & Subtle Dividers */
  --bd-border: #eaedf2;
  --bd-border-subtle: #f1f3f7;
  --bd-border-focus: #111111;
  
  /* Typography Colors */
  --bd-text-primary: #111111;
  --bd-text-secondary: #525866;
  --bd-text-muted: #8e95a2;
  --bd-text-white: #ffffff;
  
  /* Typography Hierarchy */
  --bd-font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bd-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* UI Kit Elevation (Soft, Elegant Card Diffusion) */
  --bd-shadow-xs: 0 2px 6px rgba(17, 24, 39, 0.02);
  --bd-shadow-sm: 0 4px 14px rgba(17, 24, 39, 0.03);
  --bd-shadow-md: 0 8px 24px rgba(17, 24, 39, 0.04);
  --bd-shadow-lg: 0 16px 36px rgba(17, 24, 39, 0.06);
  --bd-shadow-xl: 0 24px 48px rgba(17, 24, 39, 0.08);
  
  /* UI Kit Radii */
  --bd-radius-sm: 8px;
  --bd-radius-md: 14px;
  --bd-radius-lg: 20px;           /* Standard UI Kit Card Radius */
  --bd-radius-xl: 26px;
  --bd-radius-full: 9999px;
  
  /* Layout Dimensions */
  --bd-container-max: 1380px;
  --bd-header-height: 76px;
  --bd-announcement-height: 38px;
  
  /* Transitions */
  --bd-transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  --bd-transition-bounce: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}