/* Shared base styles (YAGNI core) */

/* Reset-ish basics */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { max-width: 100%; display: block; }
button { cursor: pointer; }

/* Typography */
body { font-family: 'WorkSans', 'Segoe UI', system-ui, -apple-system, sans-serif; color: #222; background: #f4f4f4; }
h1,h2,h3,h4,h5,h6 { margin: 0 0 .5rem 0; font-weight: 700; }
p { margin: 0 0 1rem 0; }
a { color: #0d6efd; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Containers */
.container, .container-fluid { margin-left: auto; margin-right: auto; }
.container { max-width: 1240px; padding-left: 16px; padding-right: 16px; }
.container-fluid { padding-left: 16px; padding-right: 16px; }

/* Utilities */
.text-center { text-align: center; }
.mt-1 { margin-top: .25rem; } .mt-2 { margin-top: .5rem; } .mt-3 { margin-top: 1rem; } .mt-4 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: .25rem; } .mb-2 { margin-bottom: .5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; }
.p-2 { padding: .5rem; } .p-3 { padding: 1rem; }

/* Tabs (shared look tweaks) */
.nav-tabs .nav-link { border: 1px solid #dee2e6; color: #495057; background: #fff; }
.nav-tabs .nav-link.active { color: #0d6efd; border-color: #0d6efd #0d6efd #fff; }

/* Cards */
.card { background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,.06); overflow: hidden; }
.card-body { padding: 1rem; }
.card-footer { padding: .75rem 1rem; background: #fff; }

/* Buttons */
.btn-primary { background: #0d6efd; border: none; color: #fff; }
.btn-info { background: #0dcaf0; border: none; color: #fff; }
.btn-success { background: #28a745; border: none; color: #fff; }

/* Forms */
input, select, textarea { font: inherit; } 