/*
 * Engine stylesheet manifest.
 */

:root {
  --sf-bg: #f7f6f2;
  --sf-surface: #fffdf7;
  --sf-ink: #1e1f1c;
  --sf-muted: #5f645b;
  --sf-border: #d6d5ce;
  --sf-brand: #0b6e4f;
  --sf-brand-contrast: #f4fff9;
}

body.saas-theme-default {
  margin: 0;
  padding: 0;
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  background: radial-gradient(circle at top right, #e8f3ed, var(--sf-bg) 45%);
  color: var(--sf-ink);
}

body.saas-theme-default > * {
  box-sizing: border-box;
}

body.saas-theme-default .saas-nav {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  background: var(--sf-surface);
  border-bottom: 1px solid var(--sf-border);
}

body.saas-theme-default .saas-nav a {
  color: var(--sf-ink);
  text-decoration: none;
  font-weight: 600;
}

body.saas-theme-default .saas-nav a:hover {
  color: var(--sf-brand);
}

body.saas-theme-default .saas-nav form {
  margin-left: auto;
}

body.saas-theme-default .saas-nav input[type="submit"] {
  background: var(--sf-brand);
  color: var(--sf-brand-contrast);
  border: none;
  border-radius: 0.4rem;
  padding: 0.45rem 0.8rem;
  cursor: pointer;
}

body.saas-theme-default p {
  line-height: 1.45;
}

body.saas-theme-default h1,
body.saas-theme-default h2,
body.saas-theme-default h3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

body.saas-theme-default p,
body.saas-theme-default ul,
body.saas-theme-default form {
  margin-left: 1rem;
  margin-right: 1rem;
}

body.saas-theme-default input,
body.saas-theme-default select,
body.saas-theme-default button {
  border: 1px solid var(--sf-border);
  border-radius: 0.35rem;
  padding: 0.4rem 0.5rem;
}