@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800&display=swap');

:root {
  /* Colors from logo */
  --color-primary: #1a1a1a;
  --color-secondary: #4a4a4a;
  --color-accent: #c4a882;
  --color-accent-dark: #a88d6a;
  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f5;
  --color-blueprint: #d0d0d0;
  --color-white: #ffffff;
  --color-border: #e8e8e6;

  /* Typography */
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --letter-spacing-wide: 0.15em;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-max: 72rem;
  --header-height: 5rem;

  /* Effects */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --transition: 0.2s ease;
  --radius: 4px;
}