:root{
  --bg-1: #f5f7fa;
  --bg-2: #e9eef8;
  --card-bg: #ffffff;
  --text: #0f172a;
  --muted: #344054;
  --primary: #2563eb;
  --primary-contrast: #ffffff;
  --accent: #60a5fa;
  --radius: 10px;
  --shadow: 0 8px 24px rgba(16,24,40,0.08);
}

/* Global base */
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);
  color: var(--text);
  margin:0;
}

/* Buttons */
.btn{border-radius:var(--radius);padding:10px 12px;border:none;cursor:pointer}
.btn.primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow)}
.btn.ghost{background:transparent;color:var(--primary);border:1px solid rgba(37,99,235,0.12)}

/* Cards */
.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}

/* Avo minimal overrides to follow theme */
.avo-header { background: transparent }
.avo { --avo-primary: var(--primary); }
.avo .nav { background: transparent }
.avo .resource-card, .avo .panel { background: var(--card-bg); box-shadow: var(--shadow); border-radius: calc(var(--radius) - 2px) }
.avo a, .avo a:visited { color: var(--primary) }

/* Small utilities */
.muted { color: var(--muted) }