:root{
  --max-width: 1100px;
  --accent: #0066ff;
  --accent-2: #00c2ff;
  --bg: #f6f8fb;
  --card: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7fafb;
  --ink: #0b1220;
  --muted: #6b7280;
  --border: #e6e9ef;
  --shadow: 0 6px 20px rgba(28,40,60,0.08);
  --glass: rgba(255,255,255,0.6);
  --radius: 12px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Segoe UI Mono", "Noto Mono", monospace;
  --ui: "IBM Plex Sans", "Segoe UI", "Trebuchet MS", sans-serif;
  --display: "Fraunces", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
  --nav-bg: rgba(255,255,255,0.7);
  --nav-border: rgba(0,0,0,0.06);
}

/* layout adjustments from admin settings */
.container{
  max-width: var(--max-width);
  margin: 24px auto;
  padding: 0 32px;
}
.container.main-padding{
  padding-top: 32px;
  padding-bottom: 32px;
}

/* spacing adjustments */
.container .content-margin { margin: 24px; }

/* header gradient override */
.site-header{
  background: linear-gradient(90deg, rgba(0,102,255,0.08) 0%, rgba(0,194,255,0.06) 100%);
}

/* small helpers for cards radius */
.card, .slideshow-block, .admin-sidebar, .manage-card, .carousel{
  border-radius: var(--radius);
}