/* =============================================================
   BUGURE DIGITAL — THEME CONFIGURATION
   Edit this file to change colours, fonts, spacing globally.
   ============================================================= */

:root {

  /* ── Colours ── */
  --color-bg:       #FAFAF7;   /* cream white — page background */
  --color-surface:  #F2EFE8;   /* light sand — cards, sections */
  --color-brand:    #0F0F0F;   /* ink black — primary brand colour */
  --color-accent:   #00E87A;   /* electric green — highlight / CTA */
  --color-accent-dk:#00C468;   /* darker green — hover state */
  --color-gold:     #D4A843;   /* warm gold — secondary accent */
  --color-text-1:   #0F0F0F;   /* primary text */
  --color-text-2:   #737167;   /* muted / secondary text */
  --color-border:   #E0DDD5;   /* borders and dividers */
  --color-white:    #FFFFFF;

  /* ── Typography ── */
  --font-display: 'Fraunces', serif;
  --font-body:    'Manrope', sans-serif;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   900;

  /* ── Spacing ── */
  --section-pad:    110px;
  --container-pad:  60px;
  --max-width:      1200px;

  /* ── Border radius ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-pill: 100px;

  /* ── Transitions ── */
  --ease:    cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out:cubic-bezier(0, 0, 0.2, 1);
  --speed:   0.25s;

}

/* ── Responsive overrides ── */
@media (max-width: 768px) {
  :root {
    --section-pad:   64px;
    --container-pad: 24px;
  }
}