/* OpenClaw Tasker Thingy — brand styles
   Brand accent : #ff1f45
   Ink          : #231f20
*/
:root {
  --oc-accent: #ff1f45;
  --oc-accent-dark: #e0143a;
  --oc-ink: #231f20;
  --oc-muted: #6c757d;
  --bs-link-color-rgb: 255, 31, 69;
  --bs-link-hover-color-rgb: 224, 20, 58;
}

body {
  color: var(--oc-ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Navbar */
.navbar-brand img { height: 34px; width: auto; }

/* Buttons */
.btn-brand {
  background-color: var(--oc-accent);
  border-color: var(--oc-accent);
  color: #fff;
}
.btn-brand:hover,
.btn-brand:focus {
  background-color: var(--oc-accent-dark);
  border-color: var(--oc-accent-dark);
  color: #fff;
}
.btn-outline-brand {
  color: var(--oc-accent);
  border-color: var(--oc-accent);
}
.btn-outline-brand:hover {
  background-color: var(--oc-accent);
  color: #fff;
}

.text-brand { color: var(--oc-accent) !important; }

/* Hero */
.hero {
  background: radial-gradient(1200px 500px at 80% -10%, rgba(255, 31, 69, 0.10), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border-bottom: 1px solid #eee;
}
.hero-eyebrow {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 600;
  color: var(--oc-accent);
}

/* Feature icons */
.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255, 31, 69, 0.10);
  color: var(--oc-accent);
  font-size: 1.25rem;
}

/* Cards */
.card { border: 1px solid #eee; }

/* Legal / long-form content */
.legal h2 { margin-top: 2.25rem; font-size: 1.4rem; }
.legal h3 { margin-top: 1.5rem; font-size: 1.1rem; }
.legal p, .legal li { color: #333; line-height: 1.7; }
.legal .toc a { text-decoration: none; }

/* Footer */
.site-footer {
  background: var(--oc-ink);
  color: #cfcfcf;
}
.site-footer a { color: #fff; text-decoration: none; }
.site-footer a:hover { color: var(--oc-accent); }
.site-footer img { height: 30px; width: auto; }

/* Anchor offset so section headings aren't hidden under the fixed navbar */
:target { scroll-margin-top: 90px; }