/*
Theme Name:  OldFox
Theme URI:   https://old-fox-leather.com/
Description: Custom WordPress theme for Old Fox Leather LLC — leather repair & restoration service in Chicago.
Version:     1.0.0
Author:      MakeNick Digital Agency
Author URI:  https://makenick.com/
License:     Proprietary
Text Domain: oldfox
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Libre+Baskerville:wght@400;700&display=swap');

/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
  --color-bg: #0b0b0b;
  --color-bg-section: #211c1a;
  --color-accent: #c6a86b;
  --color-accent-dark: #a57c38;
  --color-accent-border: #cd9858;
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.7);
  --color-overlay: rgba(33, 28, 26, 0.66);
  --gradient-btn-primary: linear-gradient(171deg, #bf8f54 17%, #6e4c26 84%);
  --gradient-why-choose: linear-gradient(-12deg, #2d2722 25%, #463d35 110%);
  --font-heading: 'Libre Baskerville', serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-light: 300;
  --container-padding: 80px;
  --card-gap: 46px;
  --card-radius: 8px;
  --btn-radius: 8px;
}

/* ==========================================================================
   Reset & Base
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: var(--font-body); font-weight: var(--font-weight-light); background-color: var(--color-bg); color: var(--color-text); line-height: normal; -webkit-font-smoothing: antialiased; min-height: 100vh; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font-family: inherit; outline: none; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; background: none; border: none; font-family: inherit; }