/*
Theme Name: Olympia Office Furniture
Theme URI: https://www.olympiaofficefurniture.in/
Author: Olympia Office Furniture
Author URI: https://www.olympiaofficefurniture.in/
Description: Complete production-ready custom WordPress theme for Olympia Office Furniture, Kodambakkam, Chennai. Featuring 40 years of excellence in modular workstations, executive chairs, conference tables, office partitions, and complete commercial interior turnkey solutions.
Version: 1.0.0
Requires at least: 5.8
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: olympia-office-furniture
Tags: office-furniture, modular-workstations, chennai-interiors, commercial-workspace, responsive-layout, custom-menu, featured-images

--------------------------------------------------------------
Olympia Office Furniture Theme Stylesheet
Design System & CSS Variables
--------------------------------------------------------------
*/

:root {
  /* Brand Colors */
  --olympia-green: #82be27;
  --olympia-green-dark: #6ba31d;
  --olympia-green-light: #f1f8e6;
  --olympia-green-glow: rgba(130, 190, 39, 0.25);
  
  --olympia-blue: #0168ab;
  --olympia-blue-dark: #005085;
  --olympia-blue-light: #e8f3fa;
  --olympia-blue-glow: rgba(1, 104, 171, 0.2);
  
  --charcoal: #1e242b;
  --charcoal-light: #2c353f;
  --charcoal-muted: #52606d;
  
  --surface-white: #ffffff;
  --surface-offwhite: #f8fafc;
  --surface-card: #ffffff;
  --border-light: #e2e8f0;
  --border-subtle: #edf2f7;
  
  --whatsapp-green: #25d366;
  --whatsapp-hover: #1ebd5b;
  
  /* Typography */
  --font-heading: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  
  /* Radii & Shadows */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-glow-green: 0 0 25px rgba(130, 190, 39, 0.3);
  --shadow-glow-blue: 0 0 25px rgba(1, 104, 171, 0.25);
  
  /* Container Widths */
  --container-max: 1240px;
  --container-narrow: 980px;
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base resets & box-sizing */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: 85px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--charcoal-muted);
  background-color: var(--surface-offwhite);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

a {
  color: var(--olympia-blue);
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

a:hover {
  color: var(--olympia-green-dark);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--charcoal);
  font-weight: 700;
  line-height: 1.25;
}

/* Utility container */
.olympia-container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.olympia-container-narrow {
  width: 100%;
  max-width: var(--container-narrow);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}