/* skyten-tokens.css — tokens-only stage (custom properties only; zero rendering
 * effect until consumed). Derived VERBATIM from skyten-atoms.css by scripts/derive_tokens_stage.py
 * (WEB-1127); do not hand-edit. */
:root {
  --background-hover: color-mix(in srgb, var(--text-primary) 5%, var(--background-primary));
  --background-hover-brand: var(--button-background-hover);
  --background-input: color-mix(in srgb, var(--border-primary) 22%, var(--background-secondary));
  --background-input-search: var(--background-input);
  --border-active: var(--brand-primary);
  --border-error: var(--error-70);
  --border-hover: color-mix(in srgb, var(--text-primary) 10%, var(--border-primary));
  --border-input-active: var(--brand-primary);
  --border-input-hover: var(--brand-primary);
  --border-modal: transparent;
  --border-width-active: 2px;
  --border-width-primary: 1px;
  --button-background-active: var(--brand-primary);
  --button-background-active-hover: color-mix(in srgb, var(--button-background-active) 86%, black);
  --button-background-hover: color-mix(in srgb, var(--brand-primary) 12%, var(--background-secondary));
  --button-background-disabled: color-mix(in srgb, var(--border-secondary) 65%, var(--background-secondary));
  --button-background-error: var(--error-20);
  --button-background-error-active: var(--functional-error-default);
  --button-background-long-order: var(--success-20);
  --button-background-long-position: var(--success-30);
  --button-background-primary: color-mix(in srgb, var(--border-primary) 40%, var(--background-secondary));
  --button-background-short-long-inactive: color-mix(in srgb, var(--border-primary) 30%, var(--background-primary));
  --button-background-short-order: var(--error-30);
  --button-background-short-position: var(--error-40);
  --button-border-active-bottom: transparent;
  --button-border-disabled: var(--border-primary);
  --button-border-error: var(--error-70);
  --button-border-long-bottom: var(--success-90);
  --button-border-primary: var(--border-primary);
  --button-border-short-bottom: var(--functional-error-default);
  --button-text-active: #ffffff;
  --button-text-active-hover: var(--button-text-active);
  --button-text-hover: var(--text-primary);
  --button-text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--border-primary));
  --button-text-error: var(--error-90);
  --button-text-investment-short: var(--text-primary);
  --button-text-long-active: var(--primary-100);
  --button-text-long-order: var(--primary-100);
  --button-text-primary: var(--text-primary);
  --button-text-short-active: var(--error-80);
  --button-text-short-long-inactive: var(--neutral-70);
  --button-text-short-order: var(--error-80);
  --chart-01: var(--tertiary-100);
  --chart-02: var(--tertiary-90);
  --chart-03: var(--tertiary-70);
  --chart-04: var(--tertiary-50);
  --chart-05: var(--neutral-70);
  --chart-06: var(--neutral-50);
  --chart-07: var(--neutral-40);
  --chart-08: var(--tertiary-30);
  --chart-09: var(--tertiary-40);
  --line-chart-series-1: var(--chart-01);
  --line-chart-series-2: var(--chart-02);
  --line-chart-series-3: var(--chart-03);
  --line-chart-series-4: var(--chart-04);
  --line-chart-series-5: var(--chart-05);
  --line-chart-series-6: var(--chart-06);
  --functional-background-inverse: var(--tertiary-100);
  --functional-error-background: var(--error-10);
  --functional-error-default: #dc2626;
  --functional-error-light: #dc2626;
  --functional-error-text: var(--error-90);
  --functional-highlight: var(--tertiary-40);
  --functional-info-background: var(--secondary-20);
  --functional-info-default: #2563eb;
  --functional-info-light: #2563eb;
  --functional-info-text: var(--secondary-100);
  --functional-link: var(--secondary-90);
  --functional-primary: var(--brand-primary);
  --functional-secondary: var(--brand-secondary);
  --table-header-background: var(--functional-primary);
  --table-header-text: #ffffff;
  --table-header-weight: 700;
  --functional-success-background: var(--success-20);
  --functional-success-default: #059669;
  --functional-success-light: #059669;
  --functional-success-fill: var(--success-100);
  --functional-success-indicator: var(--functional-success-default);
  --functional-success-text: var(--primary-100);
  --functional-success-text-on-surface: var(--functional-success-default);
  --functional-tertiary: var(--tertiary-50);
  --functional-text-inverse: var(--color-foundations-white);
  --functional-text-on-tint: var(--neutral-90);
  --functional-warning-background: var(--warning-30);
  --functional-warning-default: #d97706;
  --functional-warning-light: #d97706;
  --functional-warning-text: var(--error-90);
  --icon-primary: var(--brand-primary);
  --icon-disabled: var(--button-text-disabled);
  --on-primary: var(--color-foundations-white);
  --on-tertiary: var(--neutral-90);
  --tertiary-text-on-surface: var(--brand-tertiary);
  --functional-info-fill: var(--info-100);
  --functional-primary-fill: var(--primary-100);
  --functional-highlight-fill: color-mix(in srgb, var(--functional-highlight) 55%, black);
  --tertiary-fill: var(--tertiary-100);
  --login-sky-glow: color-mix(in srgb, var(--brand-primary) 50%, #ffffff);
  --login-sky-mid: var(--brand-primary);
  --login-sky-deep: color-mix(in srgb, var(--brand-primary) 45%, #000000);
  --login-sky-horizon: color-mix(in srgb, var(--login-sky-glow) 55%, var(--login-sky-deep));
  --login-sky-zenith: color-mix(in srgb, var(--login-sky-mid) 45%, var(--login-sky-deep));
  --login-card-bg: var(--background-secondary);
  --login-card-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4), 0 30px 80px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.11);
  --text-active: var(--brand-primary);
  --text-active-secondary: var(--brand-secondary);
  --text-secondary: color-mix(in srgb, var(--text-primary) 50%, var(--neutral-70));
  --text-tertiary-muted: color-mix(in srgb, var(--text-tertiary) 72%, var(--neutral-50));
  --universal-error: var(--error-70);
  --universal-error-default: var(--error-70);
  --universal-disabled: color-mix(in srgb, var(--text-primary) 35%, var(--border-primary));
  --universal-negative-signal: var(--functional-error-default);
  --universal-positive-signal: var(--success-80);
  --shadow-filters-popup:
    0 2px 4px rgb(0 0 0 / 0.04),
    0 1px 2px -1px rgb(0 0 0 / 0.06),
    0 0 0 1px rgb(0 0 0 / 0.06),
    inset 0 -1px 0.25px rgb(255 255 255 / 0.2),
    inset 0 1px 0.25px rgb(255 255 255 / 0.2);
  --price-up: var(--success-100);
  --price-down: var(--error-70);
  --price-neutral: var(--neutral-70);
  --pnl-positive: var(--price-up);
  --pnl-negative: var(--price-down);
}
:root[data-theme=dark] {
  --background-hover: color-mix(in srgb, #ffffff 8%, var(--background-primary));
  --background-hover-brand: var(--button-background-hover);
  --background-input: color-mix(in srgb, #ffffff 5%, var(--background-primary));
  --background-input-search: var(--background-input);
  --border-active: var(--brand-primary);
  --border-error: var(--error-60);
  --border-hover: color-mix(in srgb, #ffffff 12%, var(--border-primary));
  --border-input-active: var(--brand-primary);
  --border-input-hover: var(--brand-secondary);
  --border-modal: transparent;
  --border-width-active: 2px;
  --border-width-primary: 1px;
  --button-background-active: var(--brand-primary);
  --button-background-active-hover: color-mix(in srgb, var(--button-background-active) 86%, white);
  --button-background-hover: color-mix(in srgb, var(--brand-primary) 20%, var(--background-secondary));
  --button-background-disabled: color-mix(in srgb, #ffffff 4%, var(--background-primary));
  --button-background-error: var(--error-10);
  --button-background-error-active: var(--error-30);
  --button-background-long-order: var(--neutral-30);
  --button-background-long-position: var(--neutral-30);
  --button-background-primary: color-mix(in srgb, #ffffff 8%, var(--background-primary));
  --button-background-short-long-inactive: color-mix(in srgb, #ffffff 6%, var(--background-primary));
  --button-background-short-order: var(--error-10);
  --button-background-short-position: var(--error-20);
  --button-border-active-bottom: transparent;
  --button-border-disabled: var(--border-primary);
  --button-border-error: var(--error-60);
  --button-border-long-bottom: var(--success-40);
  --button-border-primary: var(--border-primary);
  --button-border-short-bottom: var(--error-60);
  --button-text-active: #ffffff;
  --button-text-active-hover: var(--button-text-active);
  --button-text-hover: var(--text-primary);
  --button-text-disabled: color-mix(in srgb, var(--text-primary) 45%, var(--neutral-40));
  --button-text-error: var(--error-80);
  --button-text-investment-short: var(--text-primary);
  --button-text-long-active: var(--success-90);
  --button-text-long-order: var(--success-90);
  --button-text-primary: var(--text-primary);
  --button-text-short-active: var(--error-80);
  --button-text-short-long-inactive: var(--neutral-60);
  --button-text-short-order: var(--error-80);
  --chart-01: var(--text-primary);
  --chart-02: var(--tertiary-90);
  --chart-03: var(--neutral-80);
  --chart-04: var(--neutral-60);
  --chart-05: var(--neutral-40);
  --chart-06: var(--tertiary-60);
  --chart-07: var(--tertiary-70);
  --chart-08: var(--tertiary-80);
  --chart-09: var(--neutral-70);
  --line-chart-series-1: var(--chart-01);
  --line-chart-series-2: var(--chart-02);
  --line-chart-series-3: var(--chart-03);
  --line-chart-series-4: var(--chart-04);
  --line-chart-series-5: var(--chart-05);
  --line-chart-series-6: var(--chart-06);
  --functional-background-inverse: #f8fafc;
  --functional-error-background: var(--error-10);
  --functional-error-default: #f87171;
  --functional-error-text: var(--error-80);
  --functional-highlight: var(--tertiary-80);
  --functional-info-background: var(--tertiary-40);
  --functional-info-default: #60a5fa;
  --functional-info-text: var(--secondary-80);
  --functional-link: var(--secondary-60);
  --functional-primary: var(--brand-primary);
  --functional-secondary: var(--brand-secondary);
  --table-header-background: var(--functional-primary);
  --table-header-text: #ffffff;
  --table-header-weight: 700;
  --functional-success-background: var(--neutral-10);
  --functional-success-default: #34d399;
  --functional-success-fill: var(--success-100);
  --functional-success-indicator: var(--functional-success-default);
  --functional-success-text: var(--success-90);
  --functional-success-text-on-surface: var(--functional-success-default);
  --functional-tertiary: var(--neutral-80);
  --functional-text-inverse: var(--color-foundations-black);
  --functional-text-on-tint: var(--functional-text-inverse);
  --functional-warning-background: var(--error-10);
  --functional-warning-default: #fbbf24;
  --functional-warning-text: var(--warning-80);
  --icon-primary: var(--brand-primary);
  --icon-disabled: var(--button-text-disabled);
  --on-primary: var(--color-foundations-white);
  --on-tertiary: var(--functional-text-inverse);
  --tertiary-text-on-surface: var(--brand-tertiary);
  --functional-info-fill: var(--info-100);
  --functional-primary-fill: var(--primary-100);
  --functional-highlight-fill: color-mix(in srgb, var(--functional-highlight) 55%, black);
  --tertiary-fill: var(--tertiary-100);
  --text-active: var(--brand-primary);
  --text-active-secondary: var(--brand-secondary);
  --text-secondary: color-mix(in srgb, var(--text-primary) 65%, var(--neutral-60));
  --text-tertiary-muted: color-mix(in srgb, var(--text-tertiary) 55%, var(--neutral-40));
  --universal-error: var(--error-60);
  --universal-error-default: var(--error-70);
  --universal-disabled: var(--neutral-40);
  --universal-negative-signal: var(--error-70);
  --universal-positive-signal: var(--success-40);
  --login-card-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 30px 80px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.11);
  --shadow-filters-popup:
    0 2px 8px rgb(0 0 0 / 0.5),
    0 1px 2px -1px rgb(0 0 0 / 0.4),
    0 0 0 1px rgb(255 255 255 / 0.08),
    inset 0 -1px 0.25px rgb(255 255 255 / 0.04),
    inset 0 1px 0.25px rgb(255 255 255 / 0.06);
  --price-up: var(--success-40);
  --price-down: var(--error-60);
  --price-neutral: var(--neutral-60);
  --pnl-positive: var(--price-up);
  --pnl-negative: var(--price-down);
}
:root {
  --color-foundations-black: #000000;
  --color-foundations-white: #ffffff;
  --color-foundations-transparent: transparent;
  --font-sans: 'Noto Sans', -apple-system, sans-serif;
  --font-mono: "Courier New", Courier, monospace;
  --brand-primary: #49BAE4;
  --brand-secondary: #0090C9;
  --on-secondary: #ffffff;
  --btn-secondary-fill: color-mix(in srgb, var(--brand-secondary) 85%, #000);
  --overlay-scrim: color-mix(in srgb, var(--color-foundations-black) 55%, transparent);
  --brand-tertiary: #383B5B;
  --gradient: linear-gradient(to top, var(--brand-primary), var(--brand-secondary));
  --gradient-card: linear-gradient(135deg, var(--primary-60) 0%, var(--primary-70) 25%, var(--tertiary-60) 65%, var(--tertiary-70) 100%);
  --radius-xs: 4px;
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 20px;
  --radius-xl: 20px;
  --radius-pill: 30px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --container-max: 1280px;
  --nav-rail-width: 74px;
  --topbar-height: 66px;
  --page-grid-gap: 18px;
  --page-margin-x: var(--space-lg);
  --page-grid-row: 30px;
  --crm-topbar-bg: var(--color-foundations-white);
  --crm-topbar-fg: var(--text-primary);
  --background-primary: var(--color-foundations-white);
  --background-secondary: var(--neutral-10);
  --text-primary: #171717;
  --neutral-ink-light: #171717;
  --text-tertiary: color-mix(in srgb, var(--text-primary) 40%, transparent);
  --border-primary: var(--neutral-20);
  --border-secondary: var(--neutral-10);
  --border-width-hairline: 0.5px;
  --focus-outline-offset: 2px;
  --focus-outline-offset-loose: 3px;
  --focus-outline-primary: 2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);
  --focus-ring-gradient-button: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 45%, transparent);
  --shadow-inset-well: inset -1px -20px 10px rgba(0, 0, 0, 0.05), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
  --shadow-inset-pressed: inset -0.95px -19px 9.5px rgba(0, 0, 0, 0.15), inset 0.95px 2.85px 5.7px rgba(255, 255, 255, 0.1);
  --shadow-active-secondary: var(--shadow-inset-well);
  --shadow-primary: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2);
  --shadow-inset-well-deep: inset -1px -21px 14.1px rgba(0, 0, 0, 0.15), inset 1px 3px 6px rgba(255, 255, 255, 0.1);
  --shadow-inset-hairline: inset 0 -1px 0.25px rgba(255, 255, 255, 0.2), inset 0 1px 0.25px rgba(255, 255, 255, 0.2);
  --shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-card-lift: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-trading: 0 2px 4px rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.06);
  --shadow-ring-hairline: 0 0 0 1px rgb(0 0 0 / 0.06);
  --button-gradient-gap: 12px;
  --button-gradient-line-height: 18px;
  --button-gradient-padding: 14px 28px 16px;
  --button-gradient-padding-sm: 8px 12px;
  --button-padding: 14px 28px 16px;
  --button-font-size: 16px;
  --button-line-height: 18px;
  --button-gap: 12px;
  --button-padding-sm: 8px 12px;
  --button-font-size-sm: 14px;
  --button-line-height-sm: 18px;
  --button-gap-sm: 12px;
  --text-h7-font-size: 16px;
  --text-h7-font-weight: 500;
  --text-h7-letter-spacing: 0;
  --text-h7-line-height: 24px;
  --text-h8-font-size: 14px;
  --text-h8-font-weight: 500;
  --text-h8-letter-spacing: 0;
  --text-h8-line-height: 20px;
  --text-caption-font-size: 12px;
  --text-caption-font-weight: 500;
  --text-caption-letter-spacing: 0;
  --text-caption-line-height: 20px;
  --text-p-sm-font-size: 14px;
  --text-p-sm-font-weight: 400;
  --text-p-sm-letter-spacing: 0;
  --text-p-sm-line-height: 24px;
  --gradient-accent-from: var(--info-50);
  --surface-inverse-deep: var(--color-foundations-black);
  --gradient-accent-to: var(--functional-success-default);
  --brand-primary-w25: color-mix(in srgb, var(--brand-primary) 75%, white);
  --brand-primary-w50: color-mix(in srgb, var(--brand-primary) 50%, white);
  --brand-primary-w75: color-mix(in srgb, var(--brand-primary) 25%, white);
  --brand-primary-b25: color-mix(in srgb, var(--brand-primary) 75%, black);
  --brand-primary-b50: color-mix(in srgb, var(--brand-primary) 50%, black);
  --brand-secondary-w25: color-mix(in srgb, var(--brand-secondary) 75%, white);
  --brand-secondary-w50: color-mix(in srgb, var(--brand-secondary) 50%, white);
  --brand-secondary-b25: color-mix(in srgb, var(--brand-secondary) 75%, black);
  --brand-tertiary-w25: color-mix(in srgb, var(--brand-tertiary) 75%, white);
  --brand-tertiary-w50: color-mix(in srgb, var(--brand-tertiary) 50%, white);
  --brand-tertiary-b25: color-mix(in srgb, var(--brand-tertiary) 75%, black);
}
:root {
  --text-doc-h1-font-size: calc(var(--text-h1-font-size, 60px) * 0.5);
  --text-doc-h1-line-height: calc(var(--text-h1-line-height, 72px) * 0.5);
  --text-doc-h1-font-weight: var(--text-h1-font-weight, 700);
  --text-doc-h1-letter-spacing: var(--text-h1-letter-spacing, -0.02em);
  --text-doc-h2-font-size: calc(var(--text-h2-font-size, 48px) * 0.5);
  --text-doc-h2-line-height: calc(var(--text-h2-line-height, 64px) * 0.5);
  --text-doc-h2-font-weight: var(--text-h2-font-weight, 700);
  --text-doc-h2-letter-spacing: var(--text-h2-letter-spacing, -0.01em);
  --text-doc-h3-font-size: calc(var(--text-h3-font-size, 40px) * 0.5);
  --text-doc-h3-line-height: calc(var(--text-h3-line-height, 52px) * 0.5);
  --text-doc-h3-font-weight: var(--text-h3-font-weight, 700);
  --text-doc-h3-letter-spacing: var(--text-h3-letter-spacing, -0.01em);
  --text-doc-h4-font-size: calc(var(--text-h4-font-size, 32px) * 0.5);
  --text-doc-h4-line-height: calc(var(--text-h4-line-height, 40px) * 0.5);
  --text-doc-h4-font-weight: var(--text-h4-font-weight, 700);
  --text-doc-h4-letter-spacing: var(--text-h4-letter-spacing, -0.01em);
  --text-doc-h5-font-size: calc(var(--text-h5-font-size, 24px) * 0.5);
  --text-doc-h5-line-height: calc(var(--text-h5-line-height, 32px) * 0.5);
  --text-doc-h5-font-weight: var(--text-h5-font-weight, 600);
  --text-doc-h5-letter-spacing: var(--text-h5-letter-spacing, 0);
  --text-doc-h6-font-size: calc(var(--text-h6-font-size, 20px) * 0.5);
  --text-doc-h6-line-height: calc(var(--text-h6-line-height, 28px) * 0.5);
  --text-doc-h6-font-weight: var(--text-h6-font-weight, 600);
  --text-doc-h6-letter-spacing: var(--text-h6-letter-spacing, 0);
  --text-doc-h7-font-size: calc(var(--text-h7-font-size, 16px) * 0.5);
  --text-doc-h7-line-height: calc(var(--text-h7-line-height, 24px) * 0.5);
  --text-doc-h7-font-weight: var(--text-h7-font-weight, 500);
  --text-doc-h7-letter-spacing: var(--text-h7-letter-spacing, 0);
  --text-doc-h8-font-size: calc(var(--text-h8-font-size, 14px) * 0.5);
  --text-doc-h8-line-height: calc(var(--text-h8-line-height, 20px) * 0.5);
  --text-doc-h8-font-weight: var(--text-h8-font-weight, 500);
  --text-doc-h8-letter-spacing: var(--text-h8-letter-spacing, 0);
  --text-doc-p-font-size: calc(var(--text-p-font-size, 16px) * 0.5);
  --text-doc-p-line-height: calc(var(--text-p-line-height, 28px) * 0.5);
  --text-doc-p-font-weight: var(--text-p-font-weight, 400);
  --text-doc-p-letter-spacing: var(--text-p-letter-spacing, 0);
  --text-doc-p-large-font-size: calc(var(--text-p-large-font-size, 20px) * 0.5);
  --text-doc-p-large-line-height: calc(var(--text-p-large-line-height, 32px) * 0.5);
  --text-doc-p-large-font-weight: var(--text-p-large-font-weight, 400);
  --text-doc-p-large-letter-spacing: var(--text-p-large-letter-spacing, 0);
  --text-doc-p-sm-font-size: calc(var(--text-p-sm-font-size, 14px) * 0.5);
  --text-doc-p-sm-line-height: calc(var(--text-p-sm-line-height, 24px) * 0.5);
  --text-doc-p-sm-font-weight: var(--text-p-sm-font-weight, 400);
  --text-doc-p-sm-letter-spacing: var(--text-p-sm-letter-spacing, 0);
  --text-doc-caption-font-size: calc(var(--text-caption-font-size, 12px) * 0.5);
  --text-doc-caption-line-height: calc(var(--text-caption-line-height, 20px) * 0.5);
  --text-doc-caption-font-weight: var(--text-caption-font-weight, 500);
  --text-doc-caption-letter-spacing: var(--text-caption-letter-spacing, 0);
  --text-doc-p-strong-font-size: calc(var(--text-p-font-size, 16px) * 0.5);
  --text-doc-p-strong-line-height: calc(var(--text-p-line-height, 28px) * 0.5);
  --text-doc-p-strong-font-weight: 600;
  --text-doc-p-strong-letter-spacing: var(--text-p-letter-spacing, 0);
  --text-doc-micro-font-size: calc(var(--text-h8-font-size, 14px) * 0.5);
  --text-doc-micro-line-height: calc(var(--text-h8-line-height, 20px) * 0.5);
  --text-doc-micro-font-weight: var(--text-h8-font-weight, 500);
  --text-doc-micro-letter-spacing: var(--text-h8-letter-spacing, 0);
  --text-doc-fine-font-size: calc(var(--text-p-sm-font-size, 14px) * 0.5);
  --text-doc-fine-line-height: calc(var(--text-p-sm-line-height, 24px) * 0.5);
  --text-doc-fine-font-weight: var(--text-p-sm-font-weight, 400);
  --text-doc-fine-letter-spacing: var(--text-p-sm-letter-spacing, 0);
}
:root {
  --primary-10: color-mix(in srgb, var(--brand-primary) 4%, white);
  --primary-20: color-mix(in srgb, var(--brand-primary) 12%, white);
  --primary-30: color-mix(in srgb, var(--brand-primary) 34%, white);
  --primary-40: color-mix(in srgb, var(--brand-primary) 62%, white);
  --primary-50: color-mix(in srgb, var(--brand-primary) 82%, white);
  --primary-60: var(--brand-primary);
  --primary-70: color-mix(in srgb, var(--brand-primary) 88%, black);
  --primary-80: color-mix(in srgb, var(--brand-primary) 76%, black);
  --primary-90: color-mix(in srgb, var(--brand-primary) 64%, black);
  --primary-100: color-mix(in srgb, var(--brand-primary) 55%, black);
  --secondary-10: color-mix(in srgb, var(--brand-secondary) 4%, white);
  --secondary-20: color-mix(in srgb, var(--brand-secondary) 12%, white);
  --secondary-30: color-mix(in srgb, var(--brand-secondary) 34%, white);
  --secondary-40: color-mix(in srgb, var(--brand-secondary) 62%, white);
  --secondary-50: color-mix(in srgb, var(--brand-secondary) 82%, white);
  --secondary-60: var(--brand-secondary);
  --secondary-70: color-mix(in srgb, var(--brand-secondary) 88%, black);
  --secondary-80: color-mix(in srgb, var(--brand-secondary) 76%, black);
  --secondary-90: color-mix(in srgb, var(--brand-secondary) 64%, black);
  --secondary-100: color-mix(in srgb, var(--brand-secondary) 55%, black);
  --tertiary-10: color-mix(in srgb, var(--brand-tertiary) 4%, white);
  --tertiary-20: color-mix(in srgb, var(--brand-tertiary) 12%, white);
  --tertiary-30: color-mix(in srgb, var(--brand-tertiary) 34%, white);
  --tertiary-40: color-mix(in srgb, var(--brand-tertiary) 62%, white);
  --tertiary-50: color-mix(in srgb, var(--brand-tertiary) 82%, white);
  --tertiary-60: var(--brand-tertiary);
  --tertiary-70: color-mix(in srgb, var(--brand-tertiary) 88%, black);
  --tertiary-80: color-mix(in srgb, var(--brand-tertiary) 76%, black);
  --tertiary-90: color-mix(in srgb, var(--brand-tertiary) 64%, black);
  --tertiary-100: color-mix(in srgb, var(--brand-tertiary) 55%, black);
  --success-10: color-mix(in srgb, var(--functional-success-default) 4%, white);
  --success-20: color-mix(in srgb, var(--functional-success-default) 12%, white);
  --success-30: color-mix(in srgb, var(--functional-success-default) 34%, white);
  --success-40: color-mix(in srgb, var(--functional-success-default) 62%, white);
  --success-50: color-mix(in srgb, var(--functional-success-default) 82%, white);
  --success-60: var(--functional-success-default);
  --success-70: color-mix(in srgb, var(--functional-success-default) 88%, black);
  --success-80: color-mix(in srgb, var(--functional-success-default) 76%, black);
  --success-90: color-mix(in srgb, var(--functional-success-default) 64%, black);
  --success-100: color-mix(in srgb, var(--functional-success-default) 55%, black);
  --error-10: color-mix(in srgb, var(--functional-error-default) 4%, white);
  --error-20: color-mix(in srgb, var(--functional-error-default) 12%, white);
  --error-30: color-mix(in srgb, var(--functional-error-default) 34%, white);
  --error-40: color-mix(in srgb, var(--functional-error-default) 62%, white);
  --error-50: color-mix(in srgb, var(--functional-error-default) 82%, white);
  --error-60: var(--functional-error-default);
  --error-70: color-mix(in srgb, var(--functional-error-default) 88%, black);
  --error-80: color-mix(in srgb, var(--functional-error-default) 76%, black);
  --error-90: color-mix(in srgb, var(--functional-error-default) 64%, black);
  --error-100: color-mix(in srgb, var(--functional-error-default) 55%, black);
  --warning-10: color-mix(in srgb, var(--functional-warning-default) 4%, white);
  --warning-20: color-mix(in srgb, var(--functional-warning-default) 12%, white);
  --warning-30: color-mix(in srgb, var(--functional-warning-default) 34%, white);
  --warning-40: color-mix(in srgb, var(--functional-warning-default) 62%, white);
  --warning-50: color-mix(in srgb, var(--functional-warning-default) 82%, white);
  --warning-60: var(--functional-warning-default);
  --warning-70: color-mix(in srgb, var(--functional-warning-default) 88%, black);
  --warning-80: color-mix(in srgb, var(--functional-warning-default) 76%, black);
  --warning-90: color-mix(in srgb, var(--functional-warning-default) 64%, black);
  --warning-100: color-mix(in srgb, var(--functional-warning-default) 55%, black);
  --info-10: color-mix(in srgb, var(--functional-info-default) 4%, white);
  --info-20: color-mix(in srgb, var(--functional-info-default) 12%, white);
  --info-30: color-mix(in srgb, var(--functional-info-default) 34%, white);
  --info-40: color-mix(in srgb, var(--functional-info-default) 62%, white);
  --info-50: color-mix(in srgb, var(--functional-info-default) 82%, white);
  --info-60: var(--functional-info-default);
  --info-70: color-mix(in srgb, var(--functional-info-default) 88%, black);
  --info-80: color-mix(in srgb, var(--functional-info-default) 76%, black);
  --info-90: color-mix(in srgb, var(--functional-info-default) 64%, black);
  --info-100: color-mix(in srgb, var(--functional-info-default) 55%, black);
  --neutral-10: color-mix(in srgb, var(--text-primary) 4%, white);
  --neutral-20: color-mix(in srgb, var(--text-primary) 12%, white);
  --neutral-30: color-mix(in srgb, var(--text-primary) 34%, white);
  --neutral-40: color-mix(in srgb, var(--text-primary) 62%, white);
  --neutral-50: color-mix(in srgb, var(--text-primary) 82%, white);
  --neutral-60: var(--text-primary);
  --neutral-70: color-mix(in srgb, var(--text-primary) 88%, black);
  --neutral-80: color-mix(in srgb, var(--text-primary) 76%, black);
  --neutral-90: color-mix(in srgb, var(--text-primary) 64%, black);
  --neutral-100: color-mix(in srgb, var(--text-primary) 55%, black);
}
:root[data-theme=dark] {
  --primary-10: color-mix(in srgb, var(--brand-primary) 55%, black);
  --primary-20: color-mix(in srgb, var(--brand-primary) 64%, black);
  --primary-30: color-mix(in srgb, var(--brand-primary) 76%, black);
  --primary-40: color-mix(in srgb, var(--brand-primary) 88%, black);
  --primary-50: var(--brand-primary);
  --primary-60: color-mix(in srgb, var(--brand-primary) 82%, white);
  --primary-70: color-mix(in srgb, var(--brand-primary) 62%, white);
  --primary-80: color-mix(in srgb, var(--brand-primary) 34%, white);
  --primary-90: color-mix(in srgb, var(--brand-primary) 12%, white);
  --primary-100: color-mix(in srgb, var(--brand-primary) 4%, white);
  --secondary-10: color-mix(in srgb, var(--brand-secondary) 55%, black);
  --secondary-20: color-mix(in srgb, var(--brand-secondary) 64%, black);
  --secondary-30: color-mix(in srgb, var(--brand-secondary) 76%, black);
  --secondary-40: color-mix(in srgb, var(--brand-secondary) 88%, black);
  --secondary-50: var(--brand-secondary);
  --secondary-60: color-mix(in srgb, var(--brand-secondary) 82%, white);
  --secondary-70: color-mix(in srgb, var(--brand-secondary) 62%, white);
  --secondary-80: color-mix(in srgb, var(--brand-secondary) 34%, white);
  --secondary-90: color-mix(in srgb, var(--brand-secondary) 12%, white);
  --secondary-100: color-mix(in srgb, var(--brand-secondary) 4%, white);
  --tertiary-10: color-mix(in srgb, var(--brand-tertiary) 55%, black);
  --tertiary-20: color-mix(in srgb, var(--brand-tertiary) 64%, black);
  --tertiary-30: color-mix(in srgb, var(--brand-tertiary) 76%, black);
  --tertiary-40: color-mix(in srgb, var(--brand-tertiary) 88%, black);
  --tertiary-50: var(--brand-tertiary);
  --tertiary-60: color-mix(in srgb, var(--brand-tertiary) 82%, white);
  --tertiary-70: color-mix(in srgb, var(--brand-tertiary) 62%, white);
  --tertiary-80: color-mix(in srgb, var(--brand-tertiary) 34%, white);
  --tertiary-90: color-mix(in srgb, var(--brand-tertiary) 12%, white);
  --tertiary-100: color-mix(in srgb, var(--brand-tertiary) 4%, white);
  --success-10: color-mix(in srgb, var(--functional-success-light) 55%, black);
  --success-20: color-mix(in srgb, var(--functional-success-light) 64%, black);
  --success-30: color-mix(in srgb, var(--functional-success-light) 76%, black);
  --success-40: color-mix(in srgb, var(--functional-success-light) 88%, black);
  --success-50: var(--functional-success-light);
  --success-60: color-mix(in srgb, var(--functional-success-light) 82%, white);
  --success-70: color-mix(in srgb, var(--functional-success-light) 62%, white);
  --success-80: color-mix(in srgb, var(--functional-success-light) 34%, white);
  --success-90: color-mix(in srgb, var(--functional-success-light) 12%, white);
  --success-100: color-mix(in srgb, var(--functional-success-light) 4%, white);
  --error-10: color-mix(in srgb, var(--functional-error-light) 55%, black);
  --error-20: color-mix(in srgb, var(--functional-error-light) 64%, black);
  --error-30: color-mix(in srgb, var(--functional-error-light) 76%, black);
  --error-40: color-mix(in srgb, var(--functional-error-light) 88%, black);
  --error-50: var(--functional-error-light);
  --error-60: color-mix(in srgb, var(--functional-error-light) 82%, white);
  --error-70: color-mix(in srgb, var(--functional-error-light) 62%, white);
  --error-80: color-mix(in srgb, var(--functional-error-light) 34%, white);
  --error-90: color-mix(in srgb, var(--functional-error-light) 12%, white);
  --error-100: color-mix(in srgb, var(--functional-error-light) 4%, white);
  --warning-10: color-mix(in srgb, var(--functional-warning-light) 55%, black);
  --warning-20: color-mix(in srgb, var(--functional-warning-light) 64%, black);
  --warning-30: color-mix(in srgb, var(--functional-warning-light) 76%, black);
  --warning-40: color-mix(in srgb, var(--functional-warning-light) 88%, black);
  --warning-50: var(--functional-warning-light);
  --warning-60: color-mix(in srgb, var(--functional-warning-light) 82%, white);
  --warning-70: color-mix(in srgb, var(--functional-warning-light) 62%, white);
  --warning-80: color-mix(in srgb, var(--functional-warning-light) 34%, white);
  --warning-90: color-mix(in srgb, var(--functional-warning-light) 12%, white);
  --warning-100: color-mix(in srgb, var(--functional-warning-light) 4%, white);
  --info-10: color-mix(in srgb, var(--functional-info-light) 55%, black);
  --info-20: color-mix(in srgb, var(--functional-info-light) 64%, black);
  --info-30: color-mix(in srgb, var(--functional-info-light) 76%, black);
  --info-40: color-mix(in srgb, var(--functional-info-light) 88%, black);
  --info-50: var(--functional-info-light);
  --info-60: color-mix(in srgb, var(--functional-info-light) 82%, white);
  --info-70: color-mix(in srgb, var(--functional-info-light) 62%, white);
  --info-80: color-mix(in srgb, var(--functional-info-light) 34%, white);
  --info-90: color-mix(in srgb, var(--functional-info-light) 12%, white);
  --info-100: color-mix(in srgb, var(--functional-info-light) 4%, white);
}
:root {
  --chart-01: var(--brand-primary);
  --chart-02: var(--brand-secondary);
  --chart-03: var(--brand-tertiary);
  --chart-04: var(--primary-40);
  --chart-05: var(--secondary-40);
  --chart-06: var(--tertiary-40);
  --chart-07: var(--primary-80);
  --chart-08: var(--secondary-80);
  --chart-09: var(--primary-50);
  --chart-10: var(--secondary-70);
  --chart-11: var(--primary-30);
  --chart-12: var(--tertiary-80);
}
:root[data-theme=dark] {
  --chart-11: var(--primary-100);
}
:root {
  --background-hover: var(--neutral-20);
  --border-hover: var(--neutral-30);
  --border-active: var(--primary-60);
  --border-input-active: var(--primary-60);
  --border-input-hover: var(--primary-50);
  --functional-success-background: var(--success-20);
  --functional-error-background: var(--error-20);
  --functional-warning-background: var(--warning-20);
  --functional-info-background: var(--info-20);
}
:root {
  --bg-page: var(--neutral-20);
  --bg-surface: var(--color-foundations-white);
  --bg-hover: var(--neutral-10);
  --login-sky-glow: var(--secondary-50);
  --login-sky-mid: var(--secondary-80);
  --login-sky-deep: var(--info-100);
  --login-sky-horizon: var(--functional-info-default);
  --login-sky-zenith: var(--secondary-100);
  --background-primary: var(--bg-page);
  --background-secondary: var(--color-foundations-white);
  --background-input: var(--color-foundations-white);
  --background-hover: var(--bg-hover);
  --background-input-search: var(--color-foundations-white);
  --text-primary: #2D2C31;
  --neutral-ink-light: #2D2C31;
  --text-secondary: var(--neutral-70);
  --text-tertiary-muted: var(--neutral-40);
  --text-active: var(--neutral-90);
  --text-active-secondary: var(--secondary-50);
  --on-tertiary: var(--color-foundations-white);
  --tertiary-text-on-surface: var(--brand-tertiary);
  --border-primary: var(--neutral-30);
  --border-subtle: var(--neutral-30);
  --border-secondary: var(--neutral-30);
  --border-active: var(--neutral-50);
  --border-input-active: var(--secondary-50);
  --input-border-active: var(--brand-secondary);
  --border-input-hover: var(--neutral-40);
  --border-hover: var(--info-40);
  --border-error: var(--error-60);
  --border-modal: var(--color-foundations-transparent);
  --border-width-primary: 1;
  --border-width-active: 2;
  --button-background-primary-hover: var(--tertiary-70);
  --button-text-primary-hover: var(--primary-60);
  --button-background-primary: var(--tertiary-60);
  --button-background-active: var(--tertiary-60);
  --button-background-active-hover: var(--tertiary-70);
  --button-background-long-order: var(--neutral-70);
  --button-background-long-position: var(--primary-20);
  --button-background-short-order: var(--color-foundations-transparent);
  --button-background-short-position: var(--error-20);
  --button-background-short-long-inactive: var(--tertiary-10);
  --button-background-error: var(--error-20);
  --button-background-error-active: var(--error-60);
  --button-background-disabled: var(--neutral-20);
  --button-text-primary: var(--primary-60);
  --button-text-active: var(--primary-60);
  --button-text-hover: var(--primary-60);
  --button-text-active-hover: var(--primary-60);
  --button-text-long-order: var(--info-40);
  --button-text-long-active: var(--info-60);
  --button-text-short-order: var(--neutral-20);
  --button-text-short-active: var(--error-60);
  --button-text-short-long-inactive: var(--neutral-50);
  --button-text-investment-short: var(--tertiary-100);
  --button-text-error: var(--error-60);
  --button-text-error-active: var(--neutral-20);
  --button-text-disabled: var(--neutral-40);
  --button-border-primary: var(--neutral-40);
  --button-border-long-bottom: var(--color-foundations-transparent);
  --button-border-short-bottom: var(--color-foundations-transparent);
  --button-border-active-bottom: var(--color-foundations-transparent);
  --button-border-error: var(--error-60);
  --button-border-disabled: var(--neutral-20);
  --button-radius: var(--radius-pill);
  --icon-primary: var(--info-40);
  --universal-disabled: var(--neutral-50);
  --universal-positive-signal: var(--success-90);
  --universal-negative-signal: var(--error-60);
  --universal-error: var(--error-60);
  --functional-link: var(--secondary-90);
  --functional-default: var(--secondary-90);
  --functional-text-inverted: var(--neutral-10);
  --functional-background-inverted: #000000;
  --functional-text-on-tint: var(--neutral-90);
  --status-chip-success-fill: var(--success-20);
  --status-chip-success-stroke: var(--success-80);
  --status-chip-warning-fill: var(--warning-20);
  --status-chip-warning-stroke: var(--warning-60);
  --status-chip-info-fill: var(--secondary-20);
  --status-chip-info-stroke: var(--secondary-60);
  --status-chip-error-fill: var(--error-20);
  --status-chip-error-stroke: var(--error-60);
  --functional-success-default: #9AE600;
  --functional-success-light: #9AE600;
  --functional-warning-light: #F6C000;
  --functional-error-light: #DF3D42;
  --functional-info-light: color-mix(in srgb, var(--brand-secondary) 88%, black);
  --functional-success-background: var(--success-20);
  --functional-success-text: var(--success-100);
  --functional-success-fill: var(--success-100);
  --functional-success-indicator: var(--success-90);
  --functional-success-text-on-surface: var(--success-100);
  --functional-warning-default: #F6C000;
  --functional-warning-background: var(--warning-20);
  --functional-warning-text: var(--warning-100);
  --functional-error-default: #DF3D42;
  --functional-error-background: var(--error-20);
  --functional-error-text: var(--error-60);
  --functional-info-default: var(--secondary-70);
  --functional-info-background: var(--secondary-20);
  --table-header-background: transparent;
  --table-header-text: var(--text-primary);
  --table-header-weight: 600;
  --functional-info-text: var(--secondary-100);
  --chart-01: var(--primary-60);
  --chart-03: var(--neutral-90);
  --chart-04: var(--neutral-30);
  --chart-05: var(--secondary-90);
  --chart-06: var(--neutral-50);
  --chart-07: var(--tertiary-40);
  --chart-08: var(--primary-40);
  --chart-09: var(--tertiary-90);
  --price-up: var(--success-100);
  --price-down: var(--error-70);
  --price-neutral: var(--neutral-70);
  --table-stripe: var(--primary-10);
  --table-row-hover: var(--background-hover-brand);
}
:root[data-theme=dark] {
  --bg-page: var(--neutral-10);
  --bg-surface: var(--neutral-10);
  --background-primary: var(--neutral-10);
  --background-secondary: var(--neutral-20);
  --background-input: var(--neutral-20);
  --background-hover: var(--neutral-20);
  --background-input-search: var(--neutral-20);
  --text-primary: #F8FAFC;
  --text-secondary: var(--neutral-70);
  --text-tertiary-muted: var(--neutral-50);
  --text-active: var(--info-60);
  --text-active-secondary: var(--info-40);
  --on-tertiary: var(--color-foundations-white);
  --tertiary-text-on-surface: var(--tertiary-30);
  --border-primary: var(--neutral-30);
  --border-subtle: var(--neutral-10);
  --border-secondary: var(--neutral-10);
  --border-active: var(--info-60);
  --border-input-active: var(--info-60);
  --input-border-active: var(--brand-secondary);
  --border-input-hover: var(--neutral-80);
  --border-hover: var(--info-40);
  --border-error: var(--error-60);
  --border-modal: transparent;
  --border-width-primary: 1;
  --border-width-active: 2;
  --button-background-primary-hover: var(--tertiary-70);
  --button-text-primary-hover: var(--primary-60);
  --button-background-primary: var(--tertiary-60);
  --button-background-active: var(--tertiary-60);
  --button-background-active-hover: var(--tertiary-70);
  --button-radius: var(--radius-pill);
  --button-background-long-order: var(--neutral-30);
  --button-background-long-position: var(--neutral-30);
  --button-background-short-order: var(--error-10);
  --button-background-short-position: var(--error-10);
  --button-background-short-long-inactive: var(--tertiary-20);
  --button-background-error: var(--error-100);
  --button-background-error-active: var(--error-60);
  --button-background-disabled: var(--neutral-10);
  --button-text-primary: var(--primary-60);
  --button-text-active: var(--primary-60);
  --button-text-hover: var(--primary-60);
  --button-text-active-hover: var(--primary-60);
  --button-text-long-order: var(--success-80);
  --button-text-long-active: var(--success-80);
  --button-text-short-order: var(--error-60);
  --button-text-short-active: var(--error-60);
  --button-text-short-long-inactive: var(--tertiary-60);
  --button-text-investment-short: #FAFAFA;
  --button-text-error: var(--error-40);
  --button-text-error-active: var(--error-40);
  --button-text-disabled: var(--neutral-40);
  --button-border-primary: var(--neutral-30);
  --button-border-long-bottom: var(--success-80);
  --button-border-short-bottom: var(--error-60);
  --button-border-active-bottom: transparent;
  --button-border-error: var(--error-50);
  --button-border-disabled: var(--neutral-30);
  --icon-primary: var(--info-40);
  --universal-disabled: var(--neutral-30);
  --universal-positive-signal: var(--success-80);
  --universal-negative-signal: var(--error-60);
  --universal-error: var(--error-60);
  --functional-link: var(--secondary-20);
  --functional-default: var(--brand-secondary);
  --functional-text-inverted: #000000;
  --functional-background-inverted: var(--neutral-100);
  --functional-text-on-tint: var(--neutral-20);
  --status-chip-success-fill: var(--success-20);
  --status-chip-success-stroke: var(--success-80);
  --status-chip-warning-fill: var(--warning-20);
  --status-chip-warning-stroke: var(--warning-60);
  --status-chip-info-fill: var(--secondary-20);
  --status-chip-info-stroke: var(--secondary-60);
  --status-chip-error-fill: var(--error-20);
  --status-chip-error-stroke: var(--error-60);
  --functional-success-default: #9AE600;
  --functional-success-background: color-mix(in srgb, var(--functional-success-default) 18%, #171717);
  --functional-success-text: var(--success-30);
  --functional-success-fill: var(--success-100);
  --functional-success-indicator: var(--functional-success-default);
  --functional-success-text-on-surface: var(--functional-success-default);
  --functional-warning-default: #F6C000;
  --functional-warning-background: color-mix(in srgb, var(--functional-warning-default) 18%, #171717);
  --functional-warning-text: var(--warning-50);
  --functional-error-default: #DF3D42;
  --functional-error-background: color-mix(in srgb, var(--functional-error-default) 18%, #171717);
  --functional-error-text: var(--error-40);
  --functional-info-default: var(--secondary-40);
  --functional-info-background: color-mix(in srgb, var(--functional-info-default) 18%, #171717);
  --table-header-background: transparent;
  --table-header-text: var(--text-primary);
  --table-header-weight: 600;
  --functional-info-text: var(--secondary-30);
  --chart-01: var(--primary-50);
  --chart-02: var(--tertiary-40);
  --chart-03: var(--neutral-90);
  --chart-04: var(--neutral-60);
  --chart-05: var(--secondary-40);
  --chart-06: var(--neutral-70);
  --chart-07: var(--tertiary-40);
  --chart-08: var(--primary-40);
  --chart-09: var(--tertiary-50);
  --price-up: var(--success-30);
  --price-down: var(--error-60);
  --price-neutral: var(--neutral-60);
  --table-stripe: var(--primary-10);
  --table-row-hover: var(--background-hover-brand);
}
:root {
  --neutral-10: #FAFAFA;
  --neutral-20: #EBEBEB;
  --neutral-30: #DDDDDD;
  --neutral-40: #CCCCCC;
  --neutral-50: #AAAAAA;
  --neutral-60: #888888;
  --neutral-70: #666666;
  --neutral-80: #444444;
  --neutral-90: #2D2C31;
  --neutral-100: #171717;
}
:root[data-theme=dark] {
  --neutral-10: #171717;
  --neutral-20: #2D2C31;
  --neutral-30: #444444;
  --neutral-40: #666666;
  --neutral-50: #888888;
  --neutral-60: #AAAAAA;
  --neutral-70: #CCCCCC;
  --neutral-80: #DDDDDD;
  --neutral-90: #EBEBEB;
  --neutral-100: #FAFAFA;
}
:root[data-theme=dark] {
  --primary-10: color-mix(in srgb, var(--brand-primary) 4%, var(--neutral-20));
}
:root {
  --a4-page-width: 595px;
  --a4-page-height: 842px;
  --a4-page-padding: 26px 40px;
  --a4-page-padding-x: 40px;
  --a4-page-padding-bottom: 26px;
  --a4-doc-footer-padding: 16px 0 0;
}