/*
Theme Name: Waterfront Traveler Theme
URI: https://example.com/waterfront-traveler
Author: Alana Johnson
Description: Clean, premium minimalist wireframe theme built specifically for Elementor Pro layout overriding.
Version: 1.0.0
Text Domain: waterfront-traveler
*/

:root {
  /* Brand Color Tokens */
  --paper: #FFFFFF;
  --mist: #F2F6FA;
  --sand: #F7F3EA;
  --deep: #151E3F;
  --deep-2: #1E2A55;
  --ink: #20294a;
  --ink-soft: #5b6479;
  --water: #2E86C1;
  --gold: #C6B282;
  --gold-ink: #A6813C;
  --coral: #F55D3E;
  --coral-dk: #E24A2C;
  --foam: #F4F1E9;

  /* Utility Variables */
  --mist-on-dark: rgba(244, 241, 233, .74);
  --line: rgba(21, 30, 63, .10);
  --line-dk: rgba(198, 178, 130, .30);
  --shadow-sm: 0 2px 10px rgba(21, 30, 63, .06);
  --shadow: 0 26px 60px -30px rgba(21, 30, 63, .30);
  --r: 14px;
  --wrap: 1200px;
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* Typography Stacks */
  --f-disp: 'Fraunces', Georgia, serif;
  --f-sans: 'Jost', system-ui, -apple-system, sans-serif;
}

/* ============ CORE RESET & UTILITIES ============ */
*::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; padding: 0;
  font-family: var(--f-sans);
  font-weight: 400; font-size: 17px; line-height: 1.65;
  color: var(--ink); background-color: var(--paper);
  -webkit-font-smoothing: antialiased;
}
:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 3px;
  border-radius: 4px;
}
.container {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 20px;
}