/* =============================================
   AL ASMAR SCHILDERWERK — GLOBAL DESIGN TOKENS
============================================= */
:root {
  /* Colors */
  --color-charcoal: #0D0D0D;
  --color-surface: #151515;
  --color-surface-light: #1c1c1c;
  --color-gold: #D6A84B;
  --color-gold-light: #E5C16A;
  --color-offwhite: #F5F1E8;
  --color-white: #FFFFFF;
  --color-text-secondary: #C7C7C7;
  --color-border-gold: rgba(214, 168, 75, 0.35);
  --color-overlay: rgba(13, 13, 13, 0.55);

  /* Fonts */
  --font-serif: 'Cormorant Garamond', 'Georgia', serif;
  --font-sans: 'Poppins', 'Segoe UI', sans-serif;

  /* Layout */
  --navbar-height-desktop: 96px;
  --navbar-height-mobile: 80px;
  --container-max: 1320px;
  --container-padding: clamp(20px, 4vw, 64px);

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow-panel: 0 20px 50px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.3);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.35s ease;
  --transition-slow: 0.6s ease;
}