/* ============================================================
   Believe Detox — Blocks · Design Tokens (Single Post v3)
   ============================================================
   These tokens define the editorial/medical-guide sub-brand used
   only by widgets inside the `.bdc-v3` scope. Set deliberately on
   a wrapper class (not :root) so the rest of the site — which uses
   Frank Ruhl Libre + #385F71 from the global Elementor kit —
   stays unaffected.
   ============================================================ */

.bdc-v3 {
  /* Color · surfaces */
  --bdc-bg:          #f7f4ec;
  --bdc-surface:     #ffffff;
  --bdc-surface-2:   #f1ede2;

  /* Color · ink */
  --bdc-ink:         #1a1f1a;
  --bdc-ink-2:       #4a524d;
  --bdc-ink-3:       #7c847f;

  /* Color · structure */
  --bdc-line:        #e6e1d3;
  --bdc-line-soft:   #efeadd;

  /* Color · brand (sage) */
  --bdc-sage:        #1f3f33;
  --bdc-sage-2:      #2e5446;
  --bdc-sage-soft:   #e2ebe5;
  --bdc-sage-tint:   #d2e0d7;

  /* Color · accent (warm) */
  --bdc-accent:      #b86d3c;
  --bdc-accent-2:    #a35d31;
  --bdc-accent-soft: #f5e1cf;

  /* Color · semantic — distinct from existing tokens which lack
     dedicated warning/danger slots. Required for YMYL safety cues. */
  --bdc-warning:      #8a5a1a;
  --bdc-warning-soft: #f7ecd6;
  --bdc-danger:       #a8331f;
  --bdc-danger-soft:  #f7e0db;
  --bdc-danger-ink:   #5a1d11;

  /* Type */
  --bdc-serif: "Newsreader", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --bdc-sans:  -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bdc-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Radii */
  --bdc-r-sm:   10px;
  --bdc-r-md:   14px;
  --bdc-r-lg:   20px;
  --bdc-r-xl:   28px;
  --bdc-r-pill: 999px;

  /* Shadows */
  --bdc-shadow-card: 0 1px 2px rgba(20,30,25,0.04), 0 8px 24px -12px rgba(20,30,25,0.08);

  /* iOS safe areas — for sticky CTAs added later */
  --bdc-safe-bottom: env(safe-area-inset-bottom, 0px);
  --bdc-safe-top:    env(safe-area-inset-top, 0px);
}

/* When a v3 block sits on a page that ISN'T scoped to .bdc-v3 (e.g.
   editor preview, single-widget shortcode), the widget's own root
   element carries .bdc-v3 too — see each widget's render(). */