/*
Theme Name: SparkClean Organic Evolution
Theme URI: https://sparkclean.eco
Author: SparkClean Solutions Team
Author URI: https://sparkclean.eco
Description: Premium Eco-Friendly & Organic Cleaning WordPress Theme featuring modern Glassmorphism, Tactile Minimalism, custom post types for services and testimonials, interactive pricing tables, and AJAX quote booking.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkclean-organic
Tags: eco-friendly, organic, cleaning, responsive-layout, custom-menu, featured-images, full-width-template, theme-options

--------------------------------------------------------------
Design Tokens & Theme Custom Styles
--------------------------------------------------------------
*/

:root {
  --color-surface: #fcf9f2;
  --color-surface-dim: #dcdad3;
  --color-surface-bright: #fcf9f2;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f6f3ec;
  --color-surface-container: #f1eee7;
  --color-surface-container-high: #ebe8e1;
  --color-surface-container-highest: #e5e2db;
  --color-on-surface: #1c1c18;
  --color-on-surface-variant: #424941;
  --color-inverse-surface: #31312c;
  --color-inverse-on-surface: #f3f0e9;
  --color-outline: #727970;
  --color-outline-variant: #c1c9be;
  --color-surface-tint: #3f6745;
  --color-primary: #3f6745;
  --color-on-primary: #ffffff;
  --color-primary-container: #7ba67f;
  --color-on-primary-container: #133b1d;
  --color-secondary: #765749;
  --color-secondary-container: #fed4c2;
  --color-on-secondary-container: #795a4c;
  --color-tertiary: #586157;
  --color-tertiary-container: #959e93;
}

body {
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  font-family: 'Manrope', sans-serif;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-headline {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.deep-shadow {
  box-shadow: 0 12px 40px rgba(63, 103, 69, 0.08);
}

.organic-shadow {
  box-shadow: 0 20px 50px rgba(63, 103, 69, 0.12);
}

.three-d-hover {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.three-d-hover:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(63, 103, 69, 0.14);
}

.three-d-hover:active {
  transform: translateY(-2px) scale(0.98);
}

.btn-inner-glow {
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.25), 0 4px 14px rgba(63, 103, 69, 0.25);
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #fcf9f2;
}
::-webkit-scrollbar-thumb {
  background: #7ba67f;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3f6745;
}