/* Daily Garfield shared styles. */
:root{
  --zh-page-pad-x:clamp(18px, 3vw, 56px);
  --zh-wrap-max:1440px;
  --zh-bg:#f4f6fb;
  --zh-surface:#ffffff;
  --zh-text:#0f172a;
  --zh-muted:#475569;
  --zh-accent:#ff9d00;
  --zh-ok:#22c55e;
  --zh-bad:#ff6b81;
  --zh-card-border:rgba(15,23,42,0.12);
  --zh-card-shadow:0 18px 60px rgba(15,23,42,0.12);

  /* Compatibility aliases */
  --color-bg: var(--zh-bg);
  --color-surface: var(--zh-surface);
  --color-card: #ffffff;
  --color-border: rgba(15,23,42,0.12);
  --color-text: var(--zh-text);
  --color-muted: var(--zh-muted);
  --color-highlight: var(--zh-accent);
  --color-button: var(--zh-accent);
  --color-button-text: #0f172a;
  --color-success: var(--zh-ok);
  --color-danger: var(--zh-bad);
}

html{min-height:100%}
body{
  min-height:100%;
  margin:0;
  font-family:Avenir,"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--zh-text);
  background:
    radial-gradient(1100px 700px at 20% 0%, rgba(255, 157, 0, 0.14) 0%, transparent 55%),
    radial-gradient(900px 650px at 85% 18%, rgba(34, 197, 94, 0.10) 0%, transparent 58%),
    var(--zh-bg);
}

a{color:inherit}
input, textarea, select, button{box-sizing:border-box;max-width:100%}
.muted{color:var(--zh-muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}

.wrap{
  max-width:var(--zh-wrap-max);
  margin:0 auto;
  padding:0 var(--zh-page-pad-x) 32px;
}
.card{
  background:var(--zh-surface);
  border:1px solid var(--zh-card-border);
  border-radius:16px;
  padding:22px;
  box-shadow:var(--zh-card-shadow);
}

main h1, main h2, main h3,
.wrap h1, .wrap h2, .wrap h3{ color:var(--zh-accent); }

.btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:999px;
  background:var(--zh-accent);
  color:#0b1220;
  text-decoration:none;
  font-weight:800;
  border:1px solid transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
  box-shadow: 0 10px 22px rgba(15,23,42,0.10);
}
.btn.secondary{
  background:transparent;
  color:var(--zh-text);
  border-color:rgba(15,23,42,0.18);
}
.btn:hover,.btn:focus-visible{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(15,23,42,0.14);
}
.btn:active{ transform: translateY(0); box-shadow: 0 10px 22px rgba(15,23,42,0.10); }

/* Basic form styles used by the contact form */
.zc-field{display:block;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,0.14);background:rgba(255,255,255,0.88);font:inherit;color:#0f172a;outline:none;}
.zc-field:focus{border-color:rgba(255,157,0,0.55);box-shadow:0 0 0 3px rgba(255,157,0,0.18);}
.zc-label{display:block;font-weight:900;color:#0f172a;margin:10px 0 6px;}
.zc-help{margin:6px 0 0;color:#64748b;line-height:1.55;font-size:0.92rem;}
.zc-alert{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,0.12);background:rgba(255,255,255,0.78);color:#0f172a;line-height:1.55;}
.zc-alert.ok{border-color:rgba(34,197,94,0.35);background:rgba(34,197,94,0.10);}
.zc-alert.bad{border-color:rgba(239,68,68,0.35);background:rgba(239,68,68,0.08);}