/* AFTER KHAROS - Foundation Override Theme */
/* Load this AFTER foundation.css */

:root {
  --ak-bg: #12110f;
  --ak-panel: #1d1a17;
  --ak-panel-2: #29231e;
  --ak-border: #4a3528;
  --ak-text: #e6d8bd;
  --ak-muted: #a99a82;
  --ak-ember: #d96b24;
  --ak-ember-bright: #ff9a3d;
  --ak-rust: #8f3f24;
  --ak-ash: #2f3334;
  --ak-danger: #b33a2f;
  --ak-success: #6f8f4e;
  --ak-warning: #c58b32;
}

/* Page */
body {
  background:
    radial-gradient(circle at top, rgba(217,107,36,.14), transparent 28%),
    linear-gradient(180deg, #191612 0%, #0f0f0e 100%);
  color: var(--ak-text);
  font-family: "Trebuchet MS", Arial, sans-serif;
}

/* Main containers */
.callout,
.card,
.top-bar,
.menu,
.reveal {
  background: var(--ak-panel);
  color: var(--ak-text);
  border: 1px solid var(--ak-border);
  box-shadow: 0 4px 16px rgba(0,0,0,.45);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #f2c078;
  text-shadow: 0 2px 4px rgba(0,0,0,.75);
  letter-spacing: .5px;
}

/* Links */
a {
  color: var(--ak-ember-bright);
}

a:hover {
  color: #ffd39a;
}

/* Buttons */
.button,
button,
input[type="submit"] {
  background: linear-gradient(180deg, var(--ak-ember), var(--ak-rust));
  color: #fff4df;
  border: 1px solid #f0a45a;
  border-radius: 6px;
  font-weight: bold;
  text-shadow: 0 1px 2px #000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 3px 8px rgba(0,0,0,.45);
}

.button:hover,
button:hover,
input[type="submit"]:hover {
  background: linear-gradient(180deg, #ff8a32, #a94b28);
  color: white;
}

/* Secondary button */
.button.secondary {
  background: linear-gradient(180deg, #3a3d3d, #242424);
  border-color: #666;
}

/* Panels / cards */
.card {
  border-radius: 10px;
  overflow: hidden;
}

.card-divider {
  background: linear-gradient(180deg, #332820, #211c18);
  color: #f2c078;
  border-bottom: 1px solid var(--ak-border);
  font-weight: bold;
}

.card-section {
  background: var(--ak-panel);
}

/* Tables */
table {
  background: var(--ak-panel);
  color: var(--ak-text);
  border: 1px solid var(--ak-border);
  border-collapse: collapse;
}

thead {
  background: #2b211b;
  color: #f2c078;
}

tbody tr {
  background: #1b1916;
}

tbody tr:nth-child(even) {
  background: #24201b;
}

td, th {
  border: 1px solid #3f3128;
  padding: .65rem;
}

/* Forms */
label {
  color: var(--ak-muted);
  font-weight: bold;
}

input,
select,
textarea {
  background: #111;
  color: var(--ak-text);
  border: 1px solid var(--ak-border);
  border-radius: 5px;
}

input:focus,
select:focus,
textarea:focus {
  background: #181512;
  border-color: var(--ak-ember);
  box-shadow: 0 0 8px rgba(217,107,36,.45);
}

/* Alerts / callouts */
.callout {
  border-radius: 8px;
}

.callout.primary {
  background: #1f2527;
  border-color: #4d6468;
}

.callout.success {
  background: #202819;
  border-color: var(--ak-success);
}

.callout.warning {
  background: #2f2618;
  border-color: var(--ak-warning);
}

.callout.alert {
  background: #311b18;
  border-color: var(--ak-danger);
}

/* Progress bars */
.progress {
  background: #0d0d0c;
  border: 1px solid var(--ak-border);
  border-radius: 10px;
  overflow: hidden;
}

.progress-meter {
  background: linear-gradient(90deg, var(--ak-rust), var(--ak-ember-bright));
}

/* Top navigation */
.top-bar,
.top-bar ul {
  background: #151515;
}

.top-bar a {
  color: var(--ak-text);
  font-weight: bold;
}

.top-bar a:hover {
  color: var(--ak-ember-bright);
}

/* Resource bar */
.ak-resource-bar {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  background: #161412;
  border: 1px solid var(--ak-border);
  border-radius: 10px;
  padding: .75rem;
  margin-bottom: 1rem;
}

.ak-resource {
  background: linear-gradient(180deg, #2b2520, #181614);
  border: 1px solid #503828;
  border-radius: 8px;
  padding: .45rem .75rem;
  color: var(--ak-text);
  font-weight: bold;
}

.ak-resource span {
  color: var(--ak-ember-bright);
}

/* Survival stat badges */
.ak-badge {
  display: inline-block;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: #2a241e;
  border: 1px solid var(--ak-border);
  color: #f2c078;
  font-size: .8rem;
  font-weight: bold;
}

/* Small gritty divider */
.ak-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ak-border), transparent);
  margin: 1rem 0;
}