/* ==========================================================================
   sanxtech — Google-Inspired Clean & Professional Minimalist Stylesheet
   ========================================================================== */

:root {
  --google-blue: #1A73E8;
  --google-blue-hover: #1557B0;
  --google-blue-surface: #E8F0FE;
  --google-text: #202124;
  --google-subtext: #5F6368;
  --google-bg: #FFFFFF;
  --google-surface: #F8F9FA;
  --google-border: #DADCE0;
  --google-border-hover: #BDC1C6;
  --google-green: #1E8E3E;
  --google-green-surface: #E6F4EA;
  --google-red: #D93025;
  --google-yellow: #F9AB00;
}

/* Background Subtle Dot Grid */
.clean-dots-bg {
  background-color: #FFFFFF;
  background-image: radial-gradient(#E5E7EB 1.2px, transparent 1.2px);
  background-size: 24px 24px;
}

/* Google Elevation Shadows */
.google-shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.12), 0 1px 3px 1px rgba(60, 64, 67, 0.08);
}

.google-shadow-md {
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.2), 0 4px 8px 3px rgba(60, 64, 67, 0.1);
}

.google-shadow-lg {
  box-shadow: 0 4px 12px 0 rgba(60, 64, 67, 0.15), 0 8px 24px 4px rgba(60, 64, 67, 0.08);
}

/* Iconic Google Search Bar Elevation */
.google-search-bar {
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.18);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.google-search-bar:hover,
.google-search-bar:focus-within {
  box-shadow: 0 2px 12px rgba(32, 33, 36, 0.24);
  border-color: rgba(26, 115, 232, 0.4);
}

/* Google-style Pill Buttons */
.btn-google-primary {
  background-color: #1A73E8;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.btn-google-primary:hover {
  background-color: #1557B0;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.btn-google-secondary {
  background-color: #FFFFFF;
  color: #1A73E8;
  border: 1px solid #DADCE0;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-google-secondary:hover {
  background-color: #F8F9FA;
  border-color: #BDC1C6;
  color: #1557B0;
}

/* Card Transitions */
.google-card {
  background-color: #FFFFFF;
  border: 1px solid #DADCE0;
  transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
}

.google-card:hover {
  border-color: #BDC1C6;
  box-shadow: 0 4px 16px rgba(60, 64, 67, 0.12);
  transform: translateY(-2px);
}

/* Clean Minimal Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F3F4;
}
::-webkit-scrollbar-thumb {
  background: #DADCE0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #BDC1C6;
}

/* Selection */
::selection {
  background: #E8F0FE;
  color: #1A73E8;
}