/* Direction: Tixora — deep emerald, champagne gold accents, warm off-white paper */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #faf7f1;
  --surface: #ffffff;
  --surface-2: #f1efe9;
  --border: #e3dfd4;
  --border-strong: #b0b1ac;
  --ink: #262a2c;
  --muted: #5e6561;
  --accent: #0b5d46;
  --accent-hover: #094f3c;
  --accent-ink: #ffffff;
  --accent-text: #0b5d46;
  --accent-strong: #0b5d46;
  --accent-soft: #e1f0e8;
  --accent-border: #8eb2a4;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfe9db;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f2e3d5;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f2ddd7;
  --danger-strong: #b91c1c;
  --chart-1: #0b5d46;
  --chart-2: #187292;
  --chart-3: #4c3d8f;
  --chart-4: #953e6f;
  --chart-5: #7b3607;
  --chart-6: #6b6914;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 600;
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --x-gold: #c9a96a;
  --x-gold-soft: #f7efdc;
  --x-gold-ink: #6b5214;
  --x-red-soft: #f9e7e3;
  --x-red-ink: #9a2f20;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #020d0a;
  --surface: #1b2523;
  --surface-2: #0f1916;
  --border: #252f2c;
  --border-strong: #4e5654;
  --ink: #faf7f1;
  --muted: #979995;
  --accent: #0b5d46;
  --accent-hover: #307562;
  --accent-ink: #ffffff;
  --accent-text: #5e9486;
  --accent-strong: #5e9486;
  --accent-soft: #041f17;
  --accent-border: #063125;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #062615;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #291c0a;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2a100e;
  --danger-strong: #d16969;
  --chart-1: #327a62;
  --chart-2: #0692be;
  --chart-3: #7e71c9;
  --chart-4: #b75d8d;
  --chart-5: #bd6532;
  --chart-6: #8a8704;
}

.tbl { width: 100%; font-size: 0.875rem; border-collapse: collapse; }
.tbl th { text-align: left; font-weight: 600; font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); padding: 0.7rem 1rem; background: var(--surface-2); white-space: nowrap; }
.tbl td { padding: 0.8rem 1rem; border-top: 1px solid var(--border); vertical-align: middle; }
.tbl tbody tr:hover { background: var(--surface-2); }
.tbl .num { text-align: right; font-variant-numeric: tabular-nums; }
.htmx-request.card, .htmx-request .tbl { opacity: 0.7; }
.ticket-notch { position: relative; overflow: hidden; }
.ticket-notch::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--x-gold); }