/*
 * Symeon's Greek Restaurant — Custom Elementor Widgets
 * BASE TOKENS
 *
 * Shared CSS custom properties (design tokens) used across
 * all Symeon's widgets. Loaded as a dependency by every widget
 * that uses these variables.
 *
 * Plugin:  Symeon's — Custom Elementor Widgets
 * Author:  Sparrow Media — https://www.sparrow.media
 *
 * DO NOT add widget-specific rules here.
 * Each widget has its own CSS file in /assets/css/.
 */

:root {
  /* ── Brand Colors ── */
  --sym-blue:        #004693;
  --sym-blue-dark:   #003270;
  --sym-gold:        #C9A84C;
  --sym-gold-light:  #e8c878;
  --sym-charcoal:    #1A1A1A;
  --sym-white:       #FFFFFF;
  --sym-cream:       #F7F5F0;
  --sym-cream-dark:  #EDE9E0;
  --sym-gray-mid:    #6B6B6B;
  --sym-gray-light:  #E2DED7;

  /* ── Shadows ── */
  --sym-shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.08);
  --sym-shadow-md:   0 8px 28px rgba(0, 0, 0, 0.12);
  --sym-shadow-lg:   0 16px 48px rgba(0, 0, 0, 0.18);

  /* ── Typography ── */
  --sym-font-display: 'Cinzel', Georgia, serif;
  --sym-font-heading: 'Cormorant Garamond', Georgia, serif;
  --sym-font-body:    'Lato', sans-serif;
}