/* MyShortAddress — "Ink & Gold" premium theme.
   Applied only on myshortaddress.com,
by adding .msa-v2 to <body> and loading this file.
   It overrides the compiled Tailwind colour utilities,
so no page markup has to change. */

:root{
  --msa-ink-1:#06201d; --msa-ink-2:#0b3b34; --msa-ink-3:#135a4d; --msa-ink-0:#041512;
  --msa-paper:#faf8f4; --msa-surface:#ffffff; --msa-line:#e8e4db;
  --msa-gold-1:#e0b956; --msa-gold-2:#c2902a; --msa-gold-ink:#2a1f07;
  --msa-accent:#0e6355;
  --msa-display:'Outfit','Inter','Tajawal',system-ui,sans-serif;
}/* ── typography ─────────────────────────────────────────── */
body.msa-v2 h1,
body.msa-v2 h2,
body.msa-v2 .msa-display,
body.msa-v2.msa-display{
  font-family:var(--msa-display); letter-spacing:-.022em; }body.msa-v2 h1{ font-weight:700; line-height:1.09; }body.msa-v2 h2{ font-weight:600; }html[dir="rtl"] body.msa-v2 h1,
html[dir="rtl"] body.msa-v2 h2{ font-family:'Tajawal',sans-serif; }/* ── page grounds ───────────────────────────────────────── */
body.msa-v2.bg-slate-50,
body.msa-v2 .bg-slate-50,
body.msa-v2.bg-slate-50{ background-color:var(--msa-paper) !important; }body.msa-v2 .bg-slate-100,
body.msa-v2.bg-slate-100{ background-color:#f1ede3 !important; }body.msa-v2 .border-slate-200,
body.msa-v2.border-slate-200{ border-color:var(--msa-line) !important; }body.msa-v2 .border-slate-100,
body.msa-v2.border-slate-100{ border-color:#f0ece2 !important; }/* ── dark gradients: hero,
login panel,
checkout,
result card ── */
body.msa-v2 .from-slate-900{--tw-gradient-from:var(--msa-ink-1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(6,32,29,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .from-slate-800,
body.msa-v2.from-slate-800{--tw-gradient-from:#0a2a26 var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(10,42,38,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .via-blue-900,
body.msa-v2.via-blue-900{--tw-gradient-to:rgba(11,59,52,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--msa-ink-2) var(--tw-gradient-via-position),var(--tw-gradient-to)}body.msa-v2 .via-slate-900,
body.msa-v2.via-slate-900{--tw-gradient-to:rgba(6,32,29,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--msa-ink-1) var(--tw-gradient-via-position),var(--tw-gradient-to)}body.msa-v2 .to-cyan-800,
body.msa-v2.to-cyan-800,
body.msa-v2 .to-cyan-700,
body.msa-v2.to-cyan-700{--tw-gradient-to:var(--msa-ink-3) var(--tw-gradient-to-position)}body.msa-v2 .to-slate-950,
body.msa-v2.to-slate-950{--tw-gradient-to:var(--msa-ink-0) var(--tw-gradient-to-position)}/* ── brand gradient: logo tile,
secondary buttons ── */
body.msa-v2 .from-cyan-500{--tw-gradient-from:var(--msa-ink-2) var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(11,59,52,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .to-blue-600,
body.msa-v2.to-blue-600,
body.msa-v2 .to-blue-700,
body.msa-v2.to-blue-700{--tw-gradient-to:var(--msa-ink-3) var(--tw-gradient-to-position)}/* ── the gold call to action ── */
body.msa-v2 .from-amber-400{--tw-gradient-from:var(--msa-gold-1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(224,185,86,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .to-amber-500,
body.msa-v2.to-amber-500{--tw-gradient-to:var(--msa-gold-2) var(--tw-gradient-to-position)}body.msa-v2 .bg-amber-500,
body.msa-v2.bg-amber-500{background-color:var(--msa-gold-2) !important;color:var(--msa-gold-ink) !important}body.msa-v2 .hover\:bg-amber-600:hover{background-color:#a8791c !important}body.msa-v2 .bg-amber-400,
body.msa-v2.bg-amber-400{background-color:var(--msa-gold-1) !important}body.msa-v2 .text-amber-600,
body.msa-v2.text-amber-600,
body.msa-v2 .text-amber-700,
body.msa-v2.text-amber-700{color:#8a6412 !important}body.msa-v2 .from-amber-50,
body.msa-v2.from-amber-50{--tw-gradient-from:#fdf6e4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(253,246,228,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .to-amber-100,
body.msa-v2.to-amber-100{--tw-gradient-to:#f7ead0 var(--tw-gradient-to-position)}/* ── success page: emerald → ink ── */
body.msa-v2 .from-emerald-500{--tw-gradient-from:var(--msa-accent) var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(14,99,85,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body.msa-v2 .via-teal-600,
body.msa-v2.via-teal-600{--tw-gradient-to:rgba(11,59,52,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--msa-ink-2) var(--tw-gradient-via-position),var(--tw-gradient-to)}/* ── text,
rings,
focus ── */
body.msa-v2 .text-blue-600,
body.msa-v2 .text-blue-700,
body.msa-v2.text-blue-700,
body.msa-v2 .text-cyan-700,
body.msa-v2.text-cyan-700{color:var(--msa-accent) !important}body.msa-v2 .text-cyan-100,
body.msa-v2.text-cyan-100,
body.msa-v2 .text-cyan-200,
body.msa-v2.text-cyan-200{color:rgba(230,241,236,.85) !important}body.msa-v2 .focus\:ring-cyan-300:focus{--tw-ring-color:rgba(224,185,86,.7) !important}body.msa-v2 .ring-cyan-300,
body.msa-v2.ring-cyan-300{--tw-ring-color:rgba(224,185,86,.7) !important}body.msa-v2 .bg-blue-50,
body.msa-v2.bg-blue-50,
body.msa-v2 .bg-cyan-100,
body.msa-v2.bg-cyan-100{background-color:rgba(14,99,85,.07) !important}body.msa-v2 .hover\:bg-blue-50:hover,
body.msa-v2 .hover\:bg-blue-100:hover{background-color:rgba(14,99,85,.12) !important}/* ── chrome ── */
body.msa-v2 .example-chip{background:rgba(255,255,255,.09);border:1px solid rgba(224,185,86,.26);
  color:rgba(240,235,222,.9)}body.msa-v2 .example-chip:hover{background:rgba(224,185,86,.18);border-color:rgba(224,185,86,.5)}body.msa-v2 .hero-grid,
body.msa-v2.hero-grid{opacity:.18 !important}body.msa-v2 .detail-field,
body.msa-v2.detail-field{background:var(--msa-surface);border-color:var(--msa-line)}/* a touch more depth on the panels that carry the brand */
body.msa-v2 .shadow-2xl{box-shadow:0 18px 50px rgba(4,20,18,.4),0 1px 0 rgba(255,255,255,.07) inset !important}