/* TradeJournal Pro — design tokens (Design System v1.0, §2 et §9.1) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../vendor/inter/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../vendor/inter/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root,
[data-theme="dark"] {
  --tj-bg: #0B1220;
  --tj-sidebar: #101827;
  --tj-surface: #162235;
  --tj-surface-raised: #1B2A40;
  --tj-surface-hover: #22334B;
  --tj-border: #304158;
  --tj-text: #F1F5F9;
  --tj-text-muted: #A7B6C9;
  --tj-text-subtle: #8495AC;
  --tj-primary: #2563EB;
  --tj-primary-hover: #1D4ED8;
  --tj-primary-soft: #172E50;
  --tj-on-primary: #FFFFFF;
  --tj-link: #60A5FA;
  --tj-link-hover: #93C5FD;
  --tj-positive: #34D399;
  --tj-positive-soft: rgba(52, 211, 153, .14);
  --tj-negative: #FB7185;
  --tj-negative-soft: rgba(251, 113, 133, .14);
  --tj-neutral: #CBD5E1;
  --tj-neutral-soft: rgba(203, 213, 225, .12);
  --tj-warning: #FBBF24;
  --tj-warning-soft: rgba(251, 191, 36, .14);
  --tj-info: #60A5FA;
  --tj-info-soft: rgba(96, 165, 250, .14);
  --tj-buy: #60A5FA;
  --tj-buy-soft: rgba(96, 165, 250, .16);
  --tj-sell: #A78BFA;
  --tj-sell-soft: rgba(167, 139, 250, .16);
  --tj-focus: #93C5FD;
  --tj-overlay: rgba(2, 6, 23, .74);
  --tj-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  --tj-shadow-raised: 0 8px 24px rgba(0, 0, 0, .35);
  --tj-skeleton: linear-gradient(90deg, #1B2A40 0%, #22334B 50%, #1B2A40 100%);

  --tj-series-1: #60A5FA;
  --tj-series-2: #A78BFA;
  --tj-series-3: #FBBF24;
  --tj-series-4: #2DD4BF;
  --tj-series-5: #F472B6;

  --tj-radius-sm: 6px;
  --tj-radius-control: 10px;
  --tj-radius-card: 14px;
  --tj-radius-modal: 18px;

  --tj-space-1: 4px;
  --tj-space-2: 8px;
  --tj-space-3: 12px;
  --tj-space-4: 16px;
  --tj-space-5: 20px;
  --tj-space-6: 24px;
  --tj-space-8: 32px;
  --tj-space-10: 40px;
  --tj-space-12: 48px;

  --tj-topbar-h: 64px;
  --tj-sidebar-w: 248px;
  --tj-sidebar-w-collapsed: 72px;
  --tj-content-max: 1600px;

  --tj-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tj-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;

  --tj-dur-hover: 120ms;
  --tj-dur-panel: 180ms;
  --tj-dur-modal: 200ms;

  color-scheme: dark;
}

[data-theme="light"] {
  --tj-bg: #F4F7FB;
  --tj-sidebar: #FFFFFF;
  --tj-surface: #FFFFFF;
  --tj-surface-raised: #FFFFFF;
  --tj-surface-hover: #EEF3F9;
  --tj-border: #D6E0EC;
  --tj-text: #17243A;
  --tj-text-muted: #465B74;
  --tj-text-subtle: #60758F;
  --tj-primary: #1D4ED8;
  --tj-primary-hover: #1E40AF;
  --tj-primary-soft: #E8F0FF;
  --tj-link: #1D4ED8;
  --tj-link-hover: #1E40AF;
  --tj-positive: #047857;
  --tj-positive-soft: rgba(4, 120, 87, .10);
  --tj-negative: #BE123C;
  --tj-negative-soft: rgba(190, 18, 60, .09);
  --tj-neutral: #475569;
  --tj-neutral-soft: rgba(71, 85, 105, .10);
  --tj-warning: #92400E;
  --tj-warning-soft: rgba(217, 119, 6, .12);
  --tj-info: #1D4ED8;
  --tj-info-soft: rgba(29, 78, 216, .09);
  --tj-buy: #1D4ED8;
  --tj-buy-soft: rgba(29, 78, 216, .10);
  --tj-sell: #6D28D9;
  --tj-sell-soft: rgba(109, 40, 217, .10);
  --tj-focus: #2563EB;
  --tj-overlay: rgba(15, 23, 42, .48);
  --tj-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
  --tj-shadow-raised: 0 10px 30px rgba(15, 23, 42, .14);
  --tj-skeleton: linear-gradient(90deg, #EEF3F9 0%, #E2E9F2 50%, #EEF3F9 100%);

  --tj-series-1: #2563EB;
  --tj-series-2: #7C3AED;
  --tj-series-3: #D97706;
  --tj-series-4: #0D9488;
  --tj-series-5: #DB2777;

  color-scheme: light;
}