/*
Theme Name: Bright & Bell Cleaning Co.
Theme URI: https://brightbellcleaning.co.uk
Author: Bright & Bell Design Studio
Author URI: https://brightbellcleaning.co.uk
Description: A premium, photo-rich WordPress theme tailored for high-end domestic and commercial cleaning services. Built with modern UK trade aesthetics, trust-first typography, and conversion-optimized components.
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: bright-bell-cleaning
Tags: cleaning-services, local-business, portfolio, responsive-layout, photo-rich, clean-design
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES / THEME TOKENS
   ========================================================================== */
:root {
  /* Brand Colors */
  --color-primary: #1E5F8C;
  --color-primary-hover: #164A6E;
  --color-primary-light: #E8F1F8;
  --color-primary-ultralight: #F0F6FA;
  
  --color-secondary: #2F9E8F;
  --color-secondary-hover: #237A6E;
  --color-secondary-light: #E6F6F4;
  
  --color-accent: #F2A93B;
  --color-accent-hover: #D8901F;
  --color-accent-light: #FEF6E9;
  
  /* Status Colors */
  --color-success: #2E9E5B;
  --color-success-light: #EBF7F0;
  --color-warning: #E0A500;
  --color-error: #C7402C;
  --color-info: #3B82C4;
  
  /* Neutral Palette */
  --color-neutral-900: #1B2430;
  --color-neutral-800: #2D3748;
  --color-neutral-700: #4A5568;
  --color-neutral-600: #5B6B7A;
  --color-neutral-400: #9AA8B6;
  --color-neutral-300: #D7DEE4;
  --color-neutral-200: #E9EFF4;
  --color-neutral-100: #F6F8FA;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #F9FBFC;
  
  /* Overlays */
  --color-overlay: rgba(15, 23, 42, 0.55);
  --color-overlay-dark: rgba(15, 23, 42, 0.75);
  --color-overlay-light: rgba(255, 255, 255, 0.85);
  
  /* Interactive States */
  --color-focus: #1E5F8C;
  --color-disabled: #B8C2CB;
  --color-link: #1E5F8C;
  --color-link-hover: #164A6E;
  --text-inverse: #FFFFFF;
  
  /* Typography */
  --font-heading: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Spacing Scale (8px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  
  /* Border Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  /* Elevation / Shadows */
  --shadow-xs: 0 1px 2px rgba(27, 36, 48, 0.04);
  --shadow-sm: 0 2px 4px rgba(27, 36, 48, 0.06), 0 1px 2px rgba(27, 36, 48, 0.04);
  --shadow-md: 0 4px 12px rgba(27, 36, 48, 0.08), 0 2px 4px rgba(27, 36, 48, 0.04);
  --shadow-lg: 0 12px 32px rgba(27, 36, 48, 0.12), 0 4px 8px rgba(27, 36, 48, 0.04);
  --shadow-xl: 0 20px 48px rgba(27, 36, 48, 0.16), 0 8px 16px rgba(27, 36, 48, 0.06);
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout */
  --container-max: 1280px;
  --container-narrow: 960px;
  --header-height: 80px;
  --topbar-height: 40px;
}