/*
Theme Name: Bonean Bar
Theme URI: https://boneanbar.com
Author: Bonean Bar
Author URI: https://boneanbar.com
Description: Haute-couture architectural mobile cocktail salon and bespoke mixology atelier for high-net-worth estate weddings, private residential galas, and VIP executive activations across Toronto, Yorkville, The Bridle Path, Forest Hill, Muskoka, and the Niagara Escarpment.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bonean-bar
Tags: luxury, architectural, mobile-bar, cocktail, mixology, events, bespoke, wedding, toronto, muskoka, bonean-bar
*/

/* ==========================================================================
   BONEAN BAR DESIGN SYSTEM — HAUTE ARCHITECTURAL LUXURY
   Luminous warm alabaster silk canvas, Bodoni Moda high-fashion typography,
   and unboxed editorial monograph layouts.
   ========================================================================== */

:root {
  /* Luminous Warm Alabaster Silk Palette */
  --color-canvas: #FAF8F5;            /* Luminous Warm Alabaster Silk (Light, warm, airy) */
  --color-surface: #F4F0E8;           /* Pale Bone / Warm Linen */
  --color-elevated: #ECE6DC;          /* Soft Bisque / Warm Sandstone */
  --color-text-primary: #181513;      /* Deep Velvet Espresso (Extreme high contrast, never pure #000) */
  --color-text-secondary: #5C554E;    /* Warm Charcoal Umber (Airy editorial subtext) */
  --color-accent: #A3785E;            /* Warm Bronze Cognac / Terracotta */
  --color-accent-subtle: rgba(163, 120, 94, 0.10);
  --color-border: rgba(24, 21, 19, 0.08); /* Ultra-fine Gossamer Mineral Hairline */
  --color-border-strong: rgba(24, 21, 19, 0.18);
  --color-scrim: rgba(24, 21, 19, 0.72);
  --color-dock-bg: rgba(250, 248, 245, 0.94);

  /* Haute-Couture Typography Stacks */
  --font-display: 'Bodoni Moda', Didot, 'Bodoni MT', Georgia, serif;
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', Consolas, Menlo, Monaco, monospace;

  /* Scale & Spacing */
  --header-height: 88px;
  --header-height-mobile: 74px;
  --dock-height-mobile: 76px;
  --container-max-width: 1480px;
  --container-editorial-width: 1220px;
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: cubic-bezier(0.25, 1, 0.5, 1);
}

/* Base Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  background-color: var(--color-canvas);
  color: var(--color-text-primary);
}

body {
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--color-text-primary);
  background-color: var(--color-canvas);
  line-height: 1.68;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Strict Pill Restriction Rule Enforcement:
   ONLY the primary CTA (.btn-pill-cta) may have rounded-full.
   All cards, inputs, modules, badges must be sharp architectural edges (0px). */
img, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s var(--transition-smooth);
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

::selection {
  background: var(--color-accent);
  color: var(--color-canvas);
}