/*
Theme Name: Kestrel & Vine Design Studio
Theme URI: https://kestrelandvine.com
Author: Saif ur Rehman
Author URI: https://saifurrehman.com
Description: A hand-coded, photo-rich luxury WordPress theme for Kestrel & Vine Design Studio (Architecture & Interior Design). Crafted for visual excellence, editorial sophistication, and seamless responsive design.
Version: 1.0.0
Text Domain: kestrel-and-vine
Tags: architecture, interior-design, luxury, portfolio, responsive-layout, photo-rich
*/

/* Core Design Tokens */
:root {
  --color-primary: #3A4A3F;
  --color-primary-hover: #2C3830;
  --color-secondary: #B08968;
  --color-accent: #C9A66B;
  --color-accent-light: #E8DBC3;
  --color-success: #3E6B48;
  --color-bg: #FAF7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2ECE1;
  --color-dark-surface: #1C211D;
  --color-dark-surface-alt: #262C27;
  --color-border: #DDD5C7;
  --color-border-light: #ECE5DA;
  --color-text-primary: #22261F;
  --color-text-secondary: #5A5F52;
  --color-text-muted: #8B8F80;
  --color-text-inverse: #FAF7F2;
  --color-overlay: rgba(20, 24, 21, 0.52);
  --color-overlay-dark: rgba(14, 18, 15, 0.82);

  --font-heading: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Work Sans', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  --shadow-sm: 0 2px 8px rgba(34, 38, 31, 0.04);
  --shadow-md: 0 8px 24px rgba(34, 38, 31, 0.08);
  --shadow-lg: 0 16px 40px rgba(34, 38, 31, 0.12);

  --transition-fast: 200ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 350ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);

  --container-max: 1360px;
  --container-narrow: 920px;
}