/* TM_THEME_PREMIUM_SSOT_V1_BEGIN
   Source: TitanTrade Premium UI – Design Contract (SSOT tokens)
   Rule: keep ALL style tokens centralized here. UI maps to these tokens.
*/
:root{
  /* Base tokens (exact) */
  --bg0: #0F172A;
  --bg1: #111C33;
  --text: rgba(238,242,255,1);
  --muted: rgba(241,245,249,.78);
  --muted2: rgba(241,245,249,.60);
  --accent: #3B82F6;
  --accent2: #93C5FD;
  --good: #22c55e;

  /* System status colors */
  --warn: #f59e0b;
  --bad: #ef4444;

  /* Premium glass opacity */
  --card_opacity: .68;
  --card2_opacity: .52;

  /* Premium radius + shadows */
  --r_card: 16px;
  --r_pill: 999px;

  --shadow_card: 0 10px 30px rgba(0,0,0,0.35);
  --shadow_hover: 0 14px 40px rgba(0,0,0,0.45);
  --shadow_primary: 0 16px 52px rgba(0,0,0,0.55);

  /* Borders / lines */
  --line: rgba(255,255,255,0.10);
  --line2: rgba(255,255,255,0.16);

  /* Glass layers (derived) */
  --tt_card_bg: rgba(10,16,28,var(--card_opacity));
  --tt_card2_bg: rgba(10,16,28,var(--card2_opacity));

  /* Chrome sheen (derived) */
  --tt_sheen_top: linear-gradient(180deg, rgba(255,255,255,0.08), transparent 35%);
  --tt_sheen_radial: radial-gradient(800px 220px at 15% 0%, rgba(255,255,255,0.06), transparent 60%);
  /* Prefixed aliases to avoid self-referencing legacy vars */
  --tt_text: var(--text);
  --tt_muted: var(--muted);
  --tt_muted2: var(--muted2);
  --tt_accent: var(--accent);
  --tt_accent2: var(--accent2);
  --tt_good: var(--good);
  --tt_warn: var(--warn);
  --tt_bad: var(--bad);

}
/* TM_THEME_PREMIUM_SSOT_V1_END */
/* TM_TONE_OVERRIDES_V1_BEGIN
   UI tone overrides. Default in JS: balanced.
*/
body[data-ui-tone="dark"]{
  --card_opacity: .68;
  --card2_opacity: .52;
}
body[data-ui-tone="balanced"]{
  --card_opacity: .74;
  --card2_opacity: .58;
}
body[data-ui-tone="bright"]{
  --card_opacity: .80;
  --card2_opacity: .64;
}
/* TM_TONE_OVERRIDES_V1_END */

/* TITANMIND_TEXT_WHITE_V1 */
/* Goal: make ALL text clearly readable (white/off-white) without touching layout/JS */
:root{
  --tt_text: #F5F7FA;
  --tt_muted: #B9C0CC;
  --tt_heading: #FFFFFF;
}
body{
  --text: var(--tt_text);
  --muted: var(--tt_muted);
  color: var(--text);
}
.box, .card, .tm-box, .chat-message, .chat-content, .content, .panel, .right, .left{
  color: var(--tt_text);
}
.muted, .small, .hint, .subtle{
  color: var(--tt_muted) !important;
}
h1,h2,h3,h4,h5,h6,.title,.hdr,.header{
  color: var(--tt_heading);
}
/* END TITANMIND_TEXT_WHITE_V1 */