:root {
  --main-color: #b22222;
  --text: #111;
  --bg: #fff5f5;
  --card: #fff;
  --border: #b22222;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: Arial, sans-serif;color:var(--text);background:var(--bg)}
header, footer{background: var(--main-color); color:#fff; padding:10px 20px; text-align:center}
nav a{color:#fff; margin:0 10px; text-decoration:none; font-weight:bold}
nav a:hover{text-decoration:underline}
.container{max-width:1200px; margin: 0 auto; padding: 16px}
button{background:var(--main-color); color:#fff; border:1px solid var(--main-color); border-radius:6px; padding:8px 12px; cursor:pointer}
button:hover{filter:brightness(0.9)}
input, textarea, select{border:1px solid var(--border); border-radius:4px; padding:8px}
.card{background:var(--card); border:1px solid var(--border); border-radius:8px; padding:12px}
.table{width:100%; border-collapse:collapse}
.table th, .table td{border:1px solid var(--border); padding:8px; text-align:left}
.table th{background:#f2dede}