/* ============================================================
   DEALIFI BRAND — locked stylesheet
   Source: /Users/bograham31/.claude/skills/dealifi-brand/SKILL.md
   Do not edit palette/fonts without Bo's written approval.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,500;1,9..144,700&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  /* Palette — LOCKED */
  --terracotta:#C75D3F;
  --terracotta-dark:#9C4326;
  --sage:#7A8B6E;
  --sage-light:#B8C4A8;
  --gold:#B8923D;
  --cream:#FAF3E8;
  --cream-2:#F2E8D5;
  --charcoal:#2B2622;
  --ink-2:#4A413A;
  --ink-3:#7B6F62;
  --white:#FFFFFF;
  --green:#5C8B5C;
  --green-bg:#E8F1E5;
  --red:#B8484F;
  --red-bg:#F7E5E5;
  --line:#E6DCC8;
  --line-2:#CFC2A8;

  /* Legacy aliases (so existing markup compiles) */
  --accent:var(--terracotta);
  --accent-dark:var(--terracotta-dark);
  --accent-tint:#F4E2D8;
  --ink:var(--charcoal);
  --yellow:var(--gold);
  --yellow-bg:#F6EDD4;
  --blue:var(--sage);
  --blue-bg:var(--green-bg);
  --card:var(--white);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--terracotta);text-decoration:none}
a:hover{color:var(--terracotta-dark)}

/* ============ WORDMARK · DEALI · FI ============ */
.dealifi-mark{font-family:'Inter',sans-serif;font-weight:900;letter-spacing:.28em;color:var(--charcoal);text-decoration:none;display:inline-flex;align-items:center;gap:.05em}
.dealifi-mark .dot{color:var(--terracotta);margin:0 .12em}
.dealifi-mark.lg{font-size:24px}
.dealifi-mark.md{font-size:18px}
.dealifi-mark.sm{font-size:14px}
.dealifi-mark.inv{color:var(--cream)}
.dealifi-mark.inv .dot{color:var(--terracotta)}

/* Brand pill */
.brand-pill{display:inline-block;background:var(--terracotta);color:#fff;font-family:'Inter',sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;padding:5px 12px;border-radius:6px}
.brand-pill.sage{background:var(--sage)}
.brand-pill.gold{background:var(--gold)}
.brand-pill.ghost{background:transparent;color:var(--terracotta);border:1.5px solid var(--terracotta)}

/* Italic accent — Fraunces signature move */
.fr-italic{font-family:'Fraunces',serif;font-style:italic;color:var(--terracotta)}

/* Tagline */
.tagline{font-family:'Fraunces',serif;font-style:italic;color:var(--ink-2);font-size:13px}

/* Pain card */
.pain-card{background:#fff;border-left:4px solid var(--terracotta);border-radius:6px;padding:14px 18px;font-size:14px;color:var(--ink-2);line-height:1.55}
.pain-card .label{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;color:var(--terracotta);margin-bottom:4px;display:block}

/* Sticker stamp */
.stamp{display:inline-block;background:var(--cream-2);color:var(--charcoal);font-family:'Inter',sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;padding:5px 10px;border:1.5px solid var(--line-2);border-radius:4px}
.stamp.terracotta{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}
.stamp.sage{background:var(--sage);color:#fff;border-color:var(--sage)}
.stamp.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.stamp.outline{background:transparent;border:1.5px solid var(--terracotta);color:var(--terracotta)}

/* Legal disclaimer block — REQUIRED on every money/tax/legal page */
.legal-disclaimer{background:#FFF7E6;border:1px dashed var(--gold);border-radius:8px;padding:16px 20px;margin:24px 0;font-size:12px;color:var(--ink-2);line-height:1.65;font-style:italic}
.legal-disclaimer strong{color:var(--red);font-style:normal;font-weight:700;font-family:'Inter',sans-serif}

/* Foot mark slot — every page bottom-left */
.foot-mark{position:relative;padding-top:32px;border-top:1px solid var(--line);margin-top:48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.foot-mark .left{display:flex;flex-direction:column;gap:4px}
.foot-mark .right{font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--ink-3)}