/* ==========================================================================
   GET READY PHOTO — Global Stylesheet (grp.css)
   GLOBAL ONLY: variables, reset, fonts, buttons
   Section styles  → each page's own <style> block
   Header styles   → assets/includes/header.php <style> block
   Footer styles   → assets/includes/footer.php <style> block
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. CUSTOM FONTS - local assets
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Silk Serif Regular';
  src: url('/assets/fonts/silk-serif-regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Light';
  src: url('/assets/fonts/silk-serif-light.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Light Italic';
  src: url('/assets/fonts/silk-serif-light-italic.woff') format('woff');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Medium';
  src: url('/assets/fonts/silk-serif-medium.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Medium Italic';
  src: url('/assets/fonts/silk-serif-medium-italic.woff') format('woff');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'White Angelica';
  src: url('/assets/fonts/white-angelica.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Cormorant:ital,wght@0,400;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap');


/* --------------------------------------------------------------------------
   2. CSS VARIABLES
   -------------------------------------------------------------------------- */
:root {
  /* Colors */
  --grp-bg:       #ffffff;
  --grp-bg-warm:  #fbfaf9;
  --grp-bg-off:   #f6f5f1;
  --grp-text:     #000000;
  --grp-muted:    rgba(84,84,84,1);
  --grp-subtle:   rgba(171,171,171,1);
  --grp-gold:     rgba(210,195,110,1);
  --grp-navy:     rgba(0,37,57,1);

  /* Fonts */
  --font-silk-reg:    'Silk Serif Regular', Georgia, serif;
  --font-silk-light:  'Silk Serif Light', Georgia, serif;
  --font-silk-light-i:'Silk Serif Light Italic', Georgia, serif;
  --font-silk-med:    'Silk Serif Medium', Georgia, serif;
  --font-silk-med-i:  'Silk Serif Medium Italic', Georgia, serif;
  --font-angelica:    'White Angelica', cursive;
  --font-cormorant:   'Cormorant', Georgia, serif;
  --font-cormorant-g: 'Cormorant Garamond', Georgia, serif;
  --font-montserrat:  'Montserrat', Arial, sans-serif;

  /* Layout */
  --max-w: 1200px;
  --trans:  0.5s ease;
}


/* --------------------------------------------------------------------------
   3. RESET & BASE
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background-color: var(--grp-bg);
  color: var(--grp-text);
  overflow-x: hidden;
}

body {
  font-family: var(--font-cormorant-g);
  font-size: 16px;
  line-height: 1.6;
}

img  { display: block; border: none; }
a    { text-decoration: none; color: inherit; cursor: pointer; }
ul, ol { list-style: none; }


/* --------------------------------------------------------------------------
   4. BUTTONS
   Update here → updates every page instantly
   -------------------------------------------------------------------------- */

/* Primary: gold border, transparent bg */
.grp-btn {
  display: inline-block;
  border: 1px solid var(--grp-gold);
  background: transparent;
  font-family: var(--font-montserrat);
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--grp-text);
  padding: 10px 14px;
  cursor: pointer;
  transition: border-color var(--trans), color var(--trans);
  text-align: center;
  white-space: nowrap;
}
.grp-btn:hover {
  border-color: rgba(210,195,110,0.7);
  color: rgba(0,0,0,0.7);
}

/* Navy border — header CTA */
.grp-btn-navy {
  display: inline-block;
  border: 1px solid var(--grp-navy);
  background: transparent;
  font-family: var(--font-montserrat);
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--grp-text);
  padding: 12px 20px;
  text-align: center;
  transition: border-color var(--trans), color var(--trans);
}
.grp-btn-navy:hover {
  border-color: rgba(0,37,57,0.6);
  color: rgba(0,0,0,0.7);
}