/* ══════════════════════════════════════════════════════════
   NEGODA SOLUTIONS — CSS Variables (Branding & Design Tokens)
   ══════════════════════════════════════════════════════════ */

:root {
  /* ── Colors: Brand ── */
  --bg:          #FAFAF8;
  --bg2:         #F2F5F0;
  --dark:        #1A3C34;
  --gold:        #B8924A;
  --gold-light:  #D4B06A;
  --gold-dark:   #8A6B30;
  --white:       #FAFAF8;

  /* ── Colors: Text ── */
  --text:        #1A3C34;
  --text2:       #5A7A6E;
  --text-muted:  #8A9E94;

  /* ── Colors: Semantic ── */
  --red:         #B85C5C;
  --red-bright:  #E24B4A;
  --amber:       #C69A3B;
  --green:       #4A8B6F;
  --blue:        #185FA5;

  /* ── Colors: Surfaces ── */
  --surface:     #FFFFFF;
  --border:      rgba(26, 60, 52, 0.08);
  --border-gold: rgba(184, 146, 74, 0.3);

  /* ── Typography ── */
  --serif:       'Playfair Display', Georgia, serif;
  --sans:        'Source Sans 3', 'Segoe UI', sans-serif;
  --mono:        'Courier New', monospace;

  /* ── Spacing ── */
  --space-xs:    4px;
  --space-sm:    8px;
  --space-md:    16px;
  --space-lg:    24px;
  --space-xl:    40px;
  --space-2xl:   64px;
  --space-3xl:   88px;

  /* ── Layout ── */
  --max-width:   1200px;
  --content-width: 960px;
  --radius:      12px;
  --radius-sm:   8px;
  --radius-lg:   16px;

  /* ── Shadows ── */
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.12);

  /* ── Transitions ── */
  --ease:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration:    0.3s;

  /* ── Z-index layers ── */
  --z-base:      1;
  --z-above:     10;
  --z-sticky:    100;
  --z-overlay:   1000;
  --z-modal:     9000;
  --z-nav:       9999;
}