/*
Theme Name: Ember & Olive
Theme URI: https://emberandolivebk.com
Author: Antigravity & Google Stitch
Author URI: https://stitch.withgoogle.com
Description: Production-ready custom WordPress theme for fictional restaurant Ember & Olive. Built directly from Google Stitch designs with semantic HTML5, zero bloat, mobile-first responsive architecture, custom post types for culinary menus, and accessible reservation workflows.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: ember-olive
Tags: restaurant, food-and-drink, custom-menu, featured-images, custom-header, microformats, full-width-template, translation-ready
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Design Tokens (Google Stitch Design System Source of Truth)
 */
:root {
  /* Colors */
  --color-primary: #112419;
  --color-primary-container: #263a2d;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #8da493;
  --color-primary-fixed: #d1e8d6;
  --color-primary-fixed-dim: #b5ccba;
  --color-on-primary-fixed: #0c1f14;
  --color-on-primary-fixed-variant: #374b3e;

  --color-secondary: #984725;
  --color-secondary-container: #fd966d;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #752d0c;
  --color-secondary-fixed: #ffdbce;
  --color-secondary-fixed-dim: #ffb599;

  --color-tertiary: #271f19;
  --color-tertiary-container: #3d342e;
  --color-on-tertiary: #ffffff;
  --color-on-tertiary-container: #a99c94;
  --color-tertiary-fixed: #efe0d6;
  --color-tertiary-fixed-dim: #d2c4bb;

  --color-surface: #fff9ee;
  --color-surface-dim: #dfd9d0;
  --color-surface-bright: #fff9ee;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f9f3e9;
  --color-surface-container: #f3ede3;
  --color-surface-container-high: #ede7de;
  --color-surface-container-highest: #e8e2d8;

  --color-on-surface: #1d1b16;
  --color-on-surface-variant: #434843;
  --color-outline: #737873;
  --color-outline-variant: #c3c8c1;
  --color-inverse-surface: #33302a;
  --color-inverse-on-surface: #f6f0e6;

  /* Typography */
  --font-serif: 'EB Garamond', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout & Spacing */
  --container-max-width: 1360px;
  --container-narrow-width: 960px;
  --gutter-desktop: 24px;
  --gutter-mobile: 16px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Elevation */
  --shadow-sm: 0 1px 3px rgba(39, 31, 25, 0.05);
  --shadow-md: 0 4px 12px rgba(39, 31, 25, 0.08);
  --shadow-lg: 0 12px 28px rgba(39, 31, 25, 0.12);
  --shadow-xl: 0 20px 40px rgba(39, 31, 25, 0.16);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}