/*
Theme Name: Send Revival Divi Child
Theme URI: https://sendrevival.org/
Description: Divi child theme for Send Revival listings, church directories, evangelist directories, print sheets, and newsletter tools.
Author: Send Revival
Author URI: https://sendrevival.org/
Template: Divi
Version: 1.0.0
Text Domain: send-revival-divi-child
*/

:root {
  --sr-navy-950: #071b33;
  --sr-navy-900: #0b2747;
  --sr-navy-800: #123f66;
  --sr-blue-700: #1f5f9d;
  --sr-blue-500: #63a8df;
  --sr-blue-200: #c8e9f4;
  --sr-gold-600: #c9932f;
  --sr-gold-400: #f0d278;
  --sr-gold-200: #fff1b8;
  --sr-white: #ffffff;
  --sr-mist: #edf7fb;
  --sr-ink: #071b33;
  --sr-muted: #5b6676;
  --sr-muted-strong: #334155;
  --sr-surface: #ffffff;
  --sr-surface-soft: #f7fbfd;
  --sr-surface-tint: #edf7fb;
  --sr-border: rgba(7, 27, 51, 0.14);
  --sr-border-soft: rgba(7, 27, 51, 0.1);
  --sr-border-strong: rgba(7, 27, 51, 0.2);
  --sr-white-border: rgba(255, 255, 255, 0.16);
  --sr-white-border-strong: rgba(255, 255, 255, 0.26);
  --sr-white-soft: rgba(255, 255, 255, 0.1);
  --sr-white-muted: rgba(255, 255, 255, 0.74);
  --sr-white-copy: rgba(255, 255, 255, 0.86);
  --sr-font-heading: "Montserrat", "Arial Black", Arial, sans-serif;
  --sr-font-body: "Inter", Arial, sans-serif;
  --sr-radius: 8px;
  --sr-radius-pill: 999px;
  --sr-shadow-soft: 0 10px 26px rgba(7, 27, 51, 0.08);
  --sr-shadow-card: 0 14px 34px rgba(7, 27, 51, 0.1);
  --sr-shadow-dark: 0 18px 44px rgba(0, 0, 0, 0.2);
  --sr-focus-ring: 0 0 0 4px rgba(99, 168, 223, 0.18);
  --sr-status-gold-bg: #fff8df;
  --sr-status-gold-text: #6f4a00;
  --sr-status-blue-bg: #edf7fb;
  --sr-status-blue-text: #0b2747;
  --sr-gradient-dark: linear-gradient(180deg, var(--sr-navy-950) 0%, var(--sr-navy-900) 58%, #071b33 100%);
  --sr-gradient-gold: linear-gradient(180deg, var(--sr-gold-200), var(--sr-gold-400) 48%, var(--sr-gold-600));
  --sr-gradient-page: linear-gradient(180deg, var(--sr-mist) 0%, var(--sr-surface-soft) 100%);
}

body {
  font-family: var(--sr-font-body);
  color: var(--sr-ink);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sr-font-heading);
  letter-spacing: 0;
}

a {
  color: var(--sr-blue-700);
}
