/* Shared design tokens — PleasePray redesign.
   Keep in sync with /es/tokens.css (the Spanish site is a separate Vercel
   project rooted at es/, so there is no way to share one physical file
   across both without a build step).

   The first block (through --shadow-sm) is the pre-existing token set that
   was previously copy-pasted verbatim into every page's inline <style>.
   Nothing below should ever change those 13 names/values — anything
   already written as var(--r), var(--blue-deep), etc. depends on them.
   Everything after is net-new from the "PleasePray Website Redesign"
   design system (design-reference/colors-and-type.css). */

:root{
  --blue:#738BCF;      --blue-rgb:115 139 207;
  --blue-deep:#4E66AB; --blue-deep-rgb:78 102 171;
  --gold:#C2A24E;      --gold-rgb:194 162 78;
  --ink:#22262E;       --ink-rgb:34 38 46;
  --ink-soft:#5C6470;  --ink-soft-rgb:92 100 112;
  --paper:#FBFAF6;     --paper-rgb:251 250 246;
  --cloud:#EEF0F7;     --cloud-rgb:238 240 247;
  --line:#E4E2DB;      --line-rgb:228 226 219;
  --white:#fff;
  --r:22px; --r-sm:12px;
  --shadow:0 18px 50px -22px rgba(34,38,46,.45);
  --shadow-sm:0 6px 18px -10px rgba(34,38,46,.4);

  /* --- New design system: status colors (previously all three of these
     Tailwind names resolved to --blue-deep-rgb on every page that defined
     them — a real bug, e.g. library.html's sign-in success icon and error
     text rendered as the identical color). These are now genuinely
     distinct. --- */
  --gold-dark:#9A7F37;              --gold-dark-rgb:154 127 55;
  --hope-green:#3A8268;             --hope-green-rgb:58 130 104;
  --compassion-rose:#C96A7A;        --compassion-rose-rgb:201 106 122;
  --innovation-teal:#3A96A8;        --innovation-teal-rgb:58 150 168;
  --muted:#8A8F99; /* distinct neutral, don't conflate with --ink-soft */

  /* --- Semantic aliases so existing Tailwind config names resolve to the
     same values as the short names above --- */
  --soft-gray: var(--line);
  --app-bg: var(--cloud);
  --bg-page: var(--paper);

  /* --- Radius scale (the new system's names; --r/--r-sm above stay as the
     literal large/small sizes for backward compatibility — --radius-xl and
     --radius-md are the same values under the new naming) --- */
  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:22px; --radius-full:9999px;

  /* --- Shadows, verbatim from the design system --- */
  --shadow-subtle: 0 1px 2px 0 rgba(0,0,0,.05);
  --shadow-card:   0 6px 18px -10px rgba(34,38,46,.4);
  --shadow-modal:  0 18px 50px -22px rgba(34,38,46,.45);
  --shadow-glass:  0 8px 32px 0 rgba(34,38,46,.07);
  --shadow-glow:   0 0 40px -10px rgba(194,162,78,.30);
  --shadow-soft:   0 10px 40px -10px rgba(34,38,46,.08);

  /* --- Motion --- */
  --dur-fast:200ms; --dur-smooth:300ms;
  --ease:cubic-bezier(0.4,0,0.2,1);
  --ease-out-soft:cubic-bezier(0.2,0.8,0.2,1);

  /* --- Round 2 additions, from the owner's full design-spec file.
     Visibly distinct from --cloud (#EEF0F7) and --gold (#C2A24E) — real
     tokens, not aliases, since both recur by exact value across the Hero
     fan cards, Problem section, Lend-a-Hand, and Parishes. --- */
  --gold-tint:#F6F1E2; --gold-tint-rgb:246 241 226;
  --sky-tint:#EDF0FA;  --sky-tint-rgb:237 240 250;
}