/* =====================================================================
   Dr Admin — Brand design tokens
   ---------------------------------------------------------------------
   Single source of truth for colours, type and spacing used across the
   business card, leaflet and any future printed/web collateral.
   Edit values HERE and every piece of collateral updates.
   Colours are sampled from the Dr Admin logo (green + navy).
   ===================================================================== */

:root {
  /* Brand colours */
  --ad-navy:       #14315C;  /* primary — briefcase / wordmark */
  --ad-navy-500:   #1D4577;  /* lighter navy (gradient top) */
  --ad-navy-700:   #0F2547;  /* darker navy for depth */
  --ad-navy-900:   #0A1B36;  /* deepest navy (gradient shadows) */
  --ad-green:      #21C062;  /* primary — cross / accent */
  --ad-green-400:  #2BD470;  /* brighter green for text/accents on navy */
  --ad-green-600:  #16A653;  /* green for text on light bg (better contrast) */
  --ad-green-050:  #E9F9F0;  /* tint / wash */

  /* Neutrals */
  --ad-ink:        #1B2A41;  /* body text */
  --ad-muted:      #5B6B82;  /* secondary text */
  --ad-line:       #D8E2DC;  /* hairlines / borders */
  --ad-mist:       #F4F8F6;  /* light section background */
  --ad-paper:      #FFFFFF;

  /* Type — body/UI is Segoe UI; display serif matches the "Dr" of the logo */
  --ad-font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto",
             "Helvetica Neue", Arial, sans-serif;
  --ad-font-display: Georgia, "Palatino Linotype", "Times New Roman", serif;

  /* Surfaces */
  --ad-navy-grad: linear-gradient(165deg, var(--ad-navy-500) 0%,
                                          var(--ad-navy) 52%,
                                          var(--ad-navy-700) 100%);

  /* Effects (screen preview only — removed in print) */
  --ad-shadow: 0 2px 6px rgba(15, 37, 71, 0.07),
               0 18px 44px rgba(15, 37, 71, 0.16);
  --ad-radius: 16px;

  /* Pulse (ECG) — the brand flourish: ONE continuous strip. A single path
     with one big spike + one small echo at its centre and very long flat
     tails either side (tile 2400x24, i.e. 100:1). Centre it and let the
     element's edges clip the tails — being one path, it can never show a
     seam or gap, on screen or in print. Good for widths up to 100x height. */
  --ad-pulse-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 24'%3E%3Cpath d='M0 12h1173l9-9 10 18 9-9h10l5-4 6 8 5-4h1173' fill='none' stroke='%2321C062' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ad-pulse-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 24'%3E%3Cpath d='M0 12h1173l9-9 10 18 9-9h10l5-4 6 8 5-4h1173' fill='none' stroke='%23FFFFFF' stroke-opacity='0.85' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ad-pulse-navy:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 24'%3E%3Cpath d='M0 12h1173l9-9 10 18 9-9h10l5-4 6 8 5-4h1173' fill='none' stroke='%2314315C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ---- Shared print hygiene ------------------------------------------ */
* { box-sizing: border-box; }

.no-print { /* on-screen helper banners/toolbars */ }

@media print {
  .no-print { display: none !important; }
  html, body { background: #fff !important; }
  /* Make browsers keep the brand colours when printing */
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* ---- Brand components ----------------------------------------------
   The Dr Admin wordmark:  <span class="ad-wordmark"><i>Dr</i><b>Admin</b></span>
   "Dr" = display serif italic, green;  "Admin" = Segoe UI semibold, navy.
   Add .ad-wordmark--dark on navy backgrounds. Sized via font-size. */
.ad-wordmark { display: inline-flex; align-items: baseline; gap: .27em;
               line-height: 1; white-space: nowrap; }
.ad-wordmark i { font-family: var(--ad-font-display); font-style: italic;
                 font-weight: 700; font-size: 1.07em; color: var(--ad-green-600); }
.ad-wordmark b { font-family: var(--ad-font); font-weight: 600;
                 letter-spacing: .005em; color: var(--ad-navy); }
.ad-wordmark--dark i { color: var(--ad-green-400); }
.ad-wordmark--dark b { color: #FFFFFF; }

/* Pulse divider strip — give it a width; set --pulse-h to scale it.
   One continuous strip image: line to both edges, one centred heartbeat. */
.ad-pulse { height: var(--pulse-h, 20px);
            background: var(--ad-pulse-green) center / auto 100% no-repeat; }
.ad-pulse--light { background-image: var(--ad-pulse-white); }
.ad-pulse--navy  { background-image: var(--ad-pulse-navy); }

/* Uppercase letter-spaced label above headings */
.ad-eyebrow { font-family: var(--ad-font); font-weight: 700; font-size: .78em;
              text-transform: uppercase; letter-spacing: .16em;
              color: var(--ad-green-600); }

/* Utility: brand-coloured text/links (used by data-brand fields) */
.ad-green { color: var(--ad-green-600); }
.ad-navy  { color: var(--ad-navy); }

/* (The pre-rebrand "Site components" duplicates that used to live here —
   .ad-wordmark / .ad-eyebrow pill / .ad-pulse tile — were removed: they
   were overriding the canonical components above for every page that
   links this file, including the site/ booking pages.) */