/*
Theme Name: Custom Veneers Direct Theme
Theme URI: https://github.com/Robin239105/custom-veneers-direct
Author: Md Al Amin
Description: A high-performance, custom-coded WordPress theme for Custom Veneers Direct, built with a React-inspired design system.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: custom-veneers-theme
*/

/* --- Design Tokens (from React System) --- */
:root {
  --color-primary: #071c36;
  --color-secondary: #c9a84c;
  --color-accent: #b5c7ea;
  --color-white: #ffffff;
  --color-text-dim: rgba(255, 255, 255, 0.7);
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-blur: blur(20px);
}

/* --- Global Resets & Typography --- */
body {
  margin: 0;
  padding: 0;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .serif {
  font-family: 'Noto Serif', serif;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

/* --- Base Layout --- */
.container {
  max-width: 1280px; /* Standard React box size */
  margin: 0 auto;
  padding: 0 2rem;
}

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