@import url('/template/_shared/css/modern-base.css');

:root {
  --tpl-bg: #0f0f13;
  --tpl-bg-elevated: #0f0f13;
  --tpl-surface: #1e1e27;
  --tpl-surface-2: #1e1e27;
  --tpl-text: #f1f1f7;
  --tpl-text-muted: #9ca3af;
  --tpl-primary: #6366f1;
  --tpl-primary-hover: #ec4899;
  --tpl-secondary: #ec4899;
  --tpl-accent: #8b5cf6;
  --tpl-border: rgba(255,255,255,0.08);
  --tpl-shadow: 0 10px 40px rgba(0,0,0,0.35);
  --tpl-bg-rgb: 15, 15, 19;
}

.site-header {
  background: rgba(15, 15, 19, 0.9);
}

.card {
  background: #1e1e27;
}

.footer-links a,
.footer-copy {
  color: #9ca3af;
}

/* Layout: Standard */
body.layout-standard .grid { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1280px) { body.layout-standard .grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1024px) { body.layout-standard .grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { body.layout-standard .grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { body.layout-standard .grid { grid-template-columns: 1fr; } }