/* ============================================================
   SULAMITA GLOBAL MISSIONS — Brand Core (shared tokens + helpers)
   "Love Without Borders."
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  /* Reds — Direction 03: Scarlet & Charcoal */
  --crimson:#E01E2B;   /* primary scarlet */
  --oxblood:#B11119;   /* deep */
  --ember:#FF4D4D;     /* glow */
  --rose:#FBD9DB;      /* tint */
  /* Neutrals */
  --ink:#18181C;       /* charcoal */
  --char:#26262C;
  --stone:#6B6A72;
  --line:#E6E7EA;
  --linen:#F4F5F6;     /* cool white */
  --paper:#FFFFFF;
  /* Sacred accent (use sparingly) */
  --gold:#C7A35A;
  /* Signature gradient */
  --grad:linear-gradient(135deg,#FF4D4D 0%,#E01E2B 48%,#B11119 100%);
  --grad-soft:linear-gradient(135deg,#fff 0%,#F4F5F6 100%);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --shadow:0 18px 50px -22px rgba(122,12,24,.45);
}

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper)}

/* Type helpers */
.serif{font-family:var(--serif)}
.label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;font-weight:600;font-size:11px;color:var(--crimson)}
.label.muted{color:var(--stone)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.scripture{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--oxblood);line-height:1.45}

/* Logo lockup (mark + wordmark) */
.lockup{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.lockup .mark{width:46px;height:46px;flex:none}
.wm{display:flex;flex-direction:column;line-height:1}
.wm b{font-family:var(--serif);font-weight:700;font-size:25px;letter-spacing:.015em;color:var(--ink);text-transform:uppercase}
.wm i{font-style:normal;font-weight:600;font-size:10px;letter-spacing:.40em;color:var(--crimson);text-transform:uppercase;margin-top:5px;padding-left:2px}
.on-dark .wm b{color:#fff}
.on-dark .wm i{color:var(--ember)}

/* Gradient rule */
.rule{height:3px;border:0;background:var(--grad);border-radius:3px}
.hair{height:1px;border:0;background:var(--line)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.02em;
  padding:13px 26px;border-radius:999px;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:.25s}
.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}
.on-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.on-dark .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* Seal (ring + mark) */
.seal{position:relative;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid var(--crimson)}
.seal::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid var(--crimson);opacity:.5}
.seal img{width:54px;height:54px}

/* Print helpers */
.bleed{}
@media print{ .no-print{display:none!important} body{-webkit-print-color-adjust:exact;print-color-adjust:exact} }