:root {
  --ca-ink: #0f172a;
  --ca-accent: #0d9488;
  --ca-accent-hover: #0f766e;
  --ca-bg: #f5f7fa;
  --ca-card: #ffffff;
  --ca-muted: #64748b;
  --ca-border: #e2e8f0;
  --ca-soft: #f1f5f9;
}
.ca-body {
  background: var(--ca-bg);
  color: var(--ca-ink);
  min-height: 100vh;
}
.ca-header {
  background: var(--ca-card);
  border-color: var(--ca-border) !important;
}
.ca-brand-name {
  font-family: "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--ca-ink);
  letter-spacing: -0.02em;
}
.ca-brand-tag {
  margin-left: 0.65rem;
  color: var(--ca-muted);
  font-size: 0.8rem;
  font-weight: 500;
}
.ca-nav a {
  color: var(--ca-accent);
  text-decoration: none;
  font-weight: 600;
}
.ca-nav a:hover { text-decoration: underline; color: var(--ca-accent-hover); }
.ca-footer {
  background: var(--ca-card);
  border-color: var(--ca-border) !important;
}
.ca-footer a { color: var(--ca-accent); }