/* ============================================================
   VINES SUPPORT SERVICES — CSS VARIABLES
   All colours, fonts and spacing live here.
   To change the theme, edit this file only.
   ============================================================ */

:root {

  /* ── PRIMARY COLOURS (original green scheme) ── */
  --green-dark:    #1a5c38;   /* nav, hero bg, dark sections    */
  --green-mid:     #2e7d52;   /* primary buttons, accents       */
  --green-light:   #4caf7d;   /* hover states, highlights       */
  --green-pale:    #e8f5ee;   /* light section backgrounds      */
  --green-pale2:   #f2faf5;   /* alternate light backgrounds    */

  /* ── ACCENT ── */
  --gold:          #f0a500;   /* CTA buttons, key highlights    */
  --gold-light:    #f7c142;   /* gold hover                     */
  --gold-pale:     #fff8e6;   /* gold tinted backgrounds        */

  /* ── NEUTRALS ── */
  --white:         #ffffff;
  --off-white:     #f8f9f7;
  --grey-100:      #f0f0ee;
  --grey-200:      #e0e0de;
  --grey-400:      #a0a09e;
  --grey-600:      #5c5c5a;
  --text-dark:     #1a2619;   /* headings                       */
  --text-body:     #3d4f40;   /* paragraphs                     */
  --text-muted:    #6b7e6e;   /* captions, labels               */

  /* ── TYPOGRAPHY ── */
  --font-heading:  'Merriweather', Georgia, serif;
  --font-body:     'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  /* ── SPACING SCALE ── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;

  /* ── LAYOUT ── */
  --container:  1200px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  /* ── SHADOWS ── */
  --shadow-sm:  0 2px 8px rgba(26,92,56,0.08);
  --shadow-md:  0 6px 24px rgba(26,92,56,0.12);
  --shadow-lg:  0 16px 48px rgba(26,92,56,0.16);

  /* ── TRANSITIONS ── */
  --trans-fast: 0.18s ease;
  --trans-med:  0.3s ease;
}