/* CSS Document */

/* ============================================================
   STAR WARS FIGURES — Tatooine Desert Theme
   Warm sand, sun-bleached stone, moisture-farm metals
   ============================================================ */

body.figures {
    background: linear-gradient(180deg, #f7e7c6 0%, #e2c79f 60%, #d7b98a 100%) fixed;
    color: #3b2f1f; /* dark brown */
		font-family: 'Segoe UI', Arial, sans-serif;
}

/* Wrapper (same layout as Mini-Rigs) */
body.figures .sw-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: transparent;
	font-family: 'Segoe UI', Arial, sans-serif;
}

/* Panels — desert stone */
body.figures .sw-panel {
    background: #d7b98a; /* dune stone */
    border: 1px solid #a67c52; /* moisture-farm bronze */
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 0 12px rgba(166, 124, 82, 0.35);
}

/* Panel header */
body.figures .sw-panel__header {
    border-bottom: 1px solid #a67c52;
}

body.figures .sw-panel__title {
    color: #8c6239; /* desert rock */
	font-size: 1.6rem;
	    text-transform: uppercase;
    letter-spacing: 1px;
}

body.figures .sw-panel__subtitle {
    color: #040008; /* dune highlight */
	font-size: 1.0rem;
}

/* Tables */
body.figures .sw-table th {
    background: #cfa66b; /* sunlit sand */
    color: #3b2f1f;
    border-bottom: 1px solid #a67c52;
}

body.figures .sw-table td {
    border-bottom: 1px solid #b88c5a;
}

body.figures .sw-table tr:nth-child(even) {
    background: #e8d3b0; /* pale sand */
}

/* Buttons */
body.figures .sw-button {
    background: #cfa66b;
    color: #3b2f1f;
}

body.figures .sw-button:hover {
    background: #d4a45a;
}

/* Back button */
body.figures .sw-back {
    background: #a67c52;
}

/* Form container */
body.figures .form-container {
    background: #d7b98a;
    border: 1px solid #a67c52;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 0 12px rgba(166, 124, 82, 0.35);
    border-radius: 6px;
}

body.figures .form-container input,
body.figures .form-container select,
body.figures .form-container textarea {
    background: #e8d3b0;
    border: 1px solid #a67c52;
    color: #3b2f1f;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

body.figures .form-container button {
    background: #cfa66b;
    color: #3b2f1f;
    border: none;
    padding: 8px 14px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}

body.figures .form-container button:hover {
    background: #d4a45a;
}