:root {
  --font-display: "Changa", "Cairo", sans-serif;
  --font-body: "Almarai", "Cairo", sans-serif;
  --bg: #f8faf6;
  --surface: #ffffff;
  --surface-soft: #eef7f3;
  --text: #112721;
  --muted: #446157;
  --primary: #0d6f66;
  --primary-2: #19a494;
  --accent: #cc8551;
  --border: #cfe6dc;
}

body.theme-editorial {
  background:
    linear-gradient(165deg, rgba(13, 111, 102, 0.09), transparent 45%),
    linear-gradient(15deg, rgba(204, 133, 81, 0.07), transparent 40%),
    var(--bg);
}

.theme-editorial .section:nth-child(even) .panel,
.theme-editorial .section:nth-child(even) .card {
  border-style: solid;
  border-width: 1px 1px 1px 4px;
}

.theme-editorial .hero-copy {
  border-inline-start: 6px solid color-mix(in srgb, var(--primary) 40%, transparent);
  padding-inline-start: 16px;
}

.theme-editorial .brand-mark {
  border-radius: 9px;
}