/* MDWA Portal — admin brand tokens (spec § mdwa branding) */

:root {
  --mdwa-cream:     #f5efe6;
  --mdwa-linen:     #fbfaf7;
  --mdwa-edge:      #e3d9c8;
  --mdwa-ink:       #1a1a1a;
  --mdwa-stone:     #5a544a;
  --mdwa-gold:      #c9a96a;
  --mdwa-gold-text: #6f5428;
  --mdwa-error:     #b3261e;
  --mdwa-success:   #2f6e44;
  --mdwa-warn:      #b46e1c;
  --mdwa-info:      #2b5b8a;

  --mdwa-display: 'Cormorant Garamond', Georgia, serif;
  --mdwa-sans:    'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mdwa-mono:    ui-monospace, 'SF Mono', Consolas, monospace;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  --r-control: 4px;
  --r-card:    8px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0; background: #fff; color: var(--mdwa-ink);
  font-family: var(--mdwa-sans); font-size: 14px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--mdwa-ink); }
a:hover { color: var(--mdwa-gold-text); }

h1, h2, h3 { margin: 0 0 var(--sp-3); font-weight: 500; letter-spacing: -0.01em; }
h1 { font-family: var(--mdwa-display); font-style: italic; font-size: 28px; font-weight: 400; }
h2 { font-size: 18px; }
h3 { font-size: 15px; color: var(--mdwa-stone); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500; }

button, input, select, textarea { font: inherit; color: inherit; }

.brand {
  font-family: var(--mdwa-display);
  font-size: 22px; font-style: italic; line-height: 1;
  color: var(--mdwa-ink);
}
.brand .dot { color: var(--mdwa-gold); font-style: normal; margin: 0 1px; }
.brand small {
  display: block; margin-top: 4px;
  font-family: var(--mdwa-sans); font-style: normal;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--mdwa-stone);
}

.btn {
  display: inline-block; padding: 10px 18px;
  border-radius: var(--r-control); border: 1px solid var(--mdwa-edge);
  background: white; cursor: pointer; text-decoration: none;
  font-size: 14px; font-weight: 500;
}
.btn-primary { background: var(--mdwa-gold); border-color: var(--mdwa-gold); color: var(--mdwa-ink); }
.btn-primary:hover { filter: brightness(0.97); }
.btn-secondary { background: white; color: var(--mdwa-ink); }
.btn-secondary:hover { background: var(--mdwa-linen); }
.btn-danger { background: white; color: var(--mdwa-error); border-color: var(--mdwa-edge); }
.btn-danger:hover { background: #fff4f3; }

.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--sp-4); }
.field label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mdwa-stone); }
.input, .textarea, .select {
  border: 1px solid var(--mdwa-edge); background: white;
  border-radius: var(--r-control); padding: 10px 12px; font-size: 14px;
}
.input:focus, .textarea:focus, .select:focus {
  outline: 2px solid var(--mdwa-gold); outline-offset: -1px; border-color: transparent;
}
.field-error { color: var(--mdwa-error); font-size: 12px; margin-top: 4px; }

table.data {
  width: 100%; border-collapse: collapse;
  background: white; border: 1px solid var(--mdwa-edge); border-radius: var(--r-card);
  overflow: hidden;
}
table.data th, table.data td {
  text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--mdwa-edge);
  font-size: 13px; height: 40px;
}
table.data th { background: var(--mdwa-linen); color: var(--mdwa-stone); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; font-size: 11px; }
table.data tr:nth-child(even) { background: var(--mdwa-linen); }
table.data tr:hover { background: var(--mdwa-cream); }
table.data tr:last-child td { border-bottom: 0; }

.banner { padding: 12px 16px; border-radius: var(--r-card); margin-bottom: var(--sp-4); font-size: 13px; }
.banner-error   { background: #fdecea; color: var(--mdwa-error); }
.banner-success { background: #e9f5ec; color: var(--mdwa-success); }
.banner-warn    { background: #fbf0e1; color: var(--mdwa-warn); }
.banner-info    { background: #e7f1fb; color: var(--mdwa-info); }