/* Zentex theme for the app: deep navy, gold accents, purple and red highlights.
   Loaded after dashboard.css and only overrides its colour tokens and the rules that put white text
   on the brand colour. Remove the <link> to this file to get the original colours back. */

:root {
  --zx-ink-on-gold: #0b1430;
  --cyan: #f4c542;
  --blue: #e0a526;
  --violet: #8b3dff;
  --gradL: linear-gradient(90deg, #e0a526 0%, #ffd34d 100%);
  --grad: linear-gradient(135deg, #ffe9a3 0%, #f4c542 45%, #c98a12 100%);
}

/* light mode: gold on cream */
.nxApp {
  --brand-cyan: #c48a12;
  --brand-primary: #b7791f;
  --brand-deep: #8a5a0b;
  --brand-violet: #6d28d9;
  --info: #b7791f;
  --gold: #b7791f;
  --gold-pure: #e0a526;
  --tint: rgba(224, 165, 38, .12);
  --tint-gold: rgba(224, 165, 38, .14);
  --border: #ece3cc;
  --border-strong: #dccca0;
  --surface-sunken: #fbf8f0;
  --canvas: #f6f3ea;
  --grad-brand: linear-gradient(135deg, #e0a526 0%, #b7791f 55%, #8a5a0b 100%);
  --grad-cta: linear-gradient(90deg, #c98a12 0%, #e0a526 100%);
  --glow-brand: radial-gradient(closest-side, rgba(224, 165, 38, .16), transparent 72%);
  --shadow-glow: 0 10px 30px rgba(224, 165, 38, .3);
  --navy-panel: linear-gradient(160deg, #081333 0%, #1a1552 60%, #2b1263 100%);
  --nav-active: rgba(224, 165, 38, .14);
  --nav-active-ink: #8a5a0b;
  --nav-accent: #b7791f;
  --nav-accent-ink: #ffffff;
}

/* dark mode (default): navy with gold */
[data-theme=dark] .nxApp {
  --brand-cyan: #ffd34d;
  --brand-primary: #f4c542;
  --brand-deep: #e0a526;
  --brand-violet: #a855f7;
  --info: #f4c542;
  --gold: #f4c542;
  --gold-pure: #ffd34d;
  --ink: #f6f2e6;
  --ink-soft: #d8d2bf;
  --muted: #9aa6c4;
  --border: #1c2c58;
  --border-strong: #2b3f78;
  --surface: #0a1636;
  --surface-sunken: #07112b;
  --canvas: #040b20;
  --tint: rgba(244, 197, 66, .13);
  --tint-gold: rgba(244, 197, 66, .15);
  --grad-brand: linear-gradient(135deg, #ffe9a3 0%, #f4c542 45%, #c98a12 100%);
  --grad-cta: linear-gradient(90deg, #e0a526 0%, #ffd34d 100%);
  --glow-brand: radial-gradient(closest-side, rgba(244, 197, 66, .2), transparent 72%);
  --shadow-glow: 0 10px 30px rgba(244, 197, 66, .3);
  --navy-panel: linear-gradient(160deg, #071232 0%, #17134d 58%, #2a0f63 100%);
  --nav-surface: linear-gradient(180deg, #050d27 0%, #0b1840 100%);
  --nav-border: rgba(244, 197, 66, .12);
  --nav-active: rgba(244, 197, 66, .14);
  --nav-active-ink: #ffd34d;
  --nav-accent: #f4c542;
  --nav-accent-ink: #0b1430;
}

/* navy backdrop with the blue and purple glows of the Zentex artwork */
[data-theme=dark] body {
  background-color: #040b20;
  background-image:
    radial-gradient(1100px 520px at 90% -10%, rgba(37, 99, 235, .2), transparent 60%),
    radial-gradient(900px 600px at 0% 40%, rgba(139, 61, 255, .12), transparent 60%);
  background-attachment: fixed;
}
[data-theme=dark] .nxCard { border-color: rgba(244, 197, 66, .14); }

/* gold buttons and gold chips carry dark text */
.btn--primary,
.nxBtn--primary,
._copyBtn_wwodo_577,
._segment_y779b_1883[aria-selected=true],
._segment_y779b_1883[aria-pressed=true],
._msgRow_y779b_2991[data-mine=true] ._bubble_y779b_3015 {
  color: var(--zx-ink-on-gold);
  font-weight: 700;
}
.btn--primary { background: var(--gradL); box-shadow: 0 14px 34px rgba(224, 165, 38, .35); }
._sheetLink_1l9n8_417 ._navCount_1l9n8_377,
._avatar_1l9n8_1413,
._selectedTick_y779b_1441,
._memberAvatar_y779b_2101[data-status=You],
._unreadPill_y779b_2867,
._mineTag_3yd3t_1451 { color: var(--zx-ink-on-gold); }
/* light mode keeps white text on the deeper gold */
[data-theme=light] .nxBtn--primary { color: #ffffff; }

/* red badges, as on the artwork */
[data-theme=dark] .nxApp { --loss-pure: #ef3b47; }
::selection { background: rgba(244, 197, 66, .35); color: inherit; }

/* light mode: deeper gold for links and focus rings, so they stay readable on white */
[data-theme=light] a { color: #9a6510; }
[data-theme=light] :focus-visible { outline-color: #9a6510; }

/* ===== generated: gold in place of the old blue/cyan (tools/gold_overrides.py) ===== */
a { color:#f4c542; }
:focus-visible { outline:2px solid #f4c542; }
.btn--primary { box-shadow:0 14px 34px #e0a52657; }
.nxNote--brand { border:1px solid rgba(244, 197, 66,.24); }