[data-theme="trader"] { --color-primary: #e6a01e; --color-primary-50: #fef9ec; --color-primary-100: #fdf1d3; --color-primary-200: #fae0a6; --color-primary-300: #f7c973; --color-primary-400: #f3b041; --color-primary-500: #e6a01e; --color-primary-600: #d18d1a; --color-primary-700: #b57716; --color-primary-800: #926013; --color-primary-900: #774f0f; --color-primary-950: #3d2908; --color-accent: #e6a01e; --color-accent-50: #fef9ec; --color-accent-100: #fdf1d3; --color-accent-200: #fae0a6; --color-accent-300: #f7c973; --color-accent-400: #f3b041; --color-accent-500: #e6a01e; --color-accent-600: #d18d1a; --color-accent-700: #b57716; --color-accent-800: #926013; --color-accent-900: #774f0f; --color-accent-950: #3d2908; --color-secondary: #22c55e; --color-secondary-50: #f0fdf4; --color-secondary-100: #dcfce7; --color-secondary-200: #bbf7d0; --color-secondary-300: #86efac; --color-secondary-400: #4ade80; --color-secondary-500: #22c55e; --color-secondary-600: #16a34a; --color-secondary-700: #15803d; --color-secondary-800: #166534; --color-secondary-900: #14532d; --color-secondary-950: #052e16; --color-neutral-50: #fafafa; --color-neutral-100: #f4f4f5; --color-neutral-200: #e4e4e7; --color-neutral-300: #d4d4d8; --color-neutral-400: #a1a1aa; --color-neutral-500: #71717a; --color-neutral-600: #52525b; --color-neutral-700: #3f3f46; --color-neutral-800: #27272a; --color-neutral-900: #18181b; --color-neutral-950: #09090b; --color-background: #050603; --color-surface: #16141c; --color-surface-2: #201e26; --color-surface-3: #2a2830; --color-border: #3f3f46; --color-border-light: #27272a; --color-divider: #3f3f46; --color-text: #fafafa; --color-text-secondary: #d4d4d8; --color-text-muted: #a1a1aa; --color-text-light: #71717a; --color-text-inverse: #050603; --color-success: #22c55e; --color-success-50: #052e16; --color-success-100: #14532d; --color-success-200: #166534; --color-success-300: #15803d; --color-success-400: #16a34a; --color-success-500: #22c55e; --color-success-600: #4ade80; --color-success-700: #86efac; --color-success-800: #bbf7d0; --color-success-900: #dcfce7; --color-success-950: #f0fdf4; --color-error: #ef4444; --color-error-50: #450a0a; --color-error-100: #7f1d1d; --color-error-200: #991b1b; --color-error-300: #b91c1c; --color-error-400: #dc2626; --color-error-500: #ef4444; --color-error-600: #f87171; --color-error-700: #fca5a5; --color-error-800: #fecaca; --color-error-900: #fee2e2; --color-error-950: #fef2f2; --color-warning: #eab308; --color-warning-50: #422006; --color-warning-100: #713f12; --color-warning-200: #854d0e; --color-warning-300: #a16207; --color-warning-400: #ca8a04; --color-warning-500: #eab308; --color-warning-600: #facc15; --color-warning-700: #fde047; --color-warning-800: #fef08a; --color-warning-900: #fef9c3; --color-warning-950: #fefce8; --color-info: #06b6d4; --color-info-50: #083344; --color-info-100: #164e63; --color-info-200: #155e75; --color-info-300: #0e7490; --color-info-400: #0891b2; --color-info-500: #06b6d4; --color-info-600: #22d3ee; --color-info-700: #67e8f9; --color-info-800: #a5f3fc; --color-info-900: #cffafe; --color-info-950: #ecfeff; --color-background-hover: #201e26; --color-background-active: #2a2830; --color-background-dark: #050603; --color-border-dark: #27272a; --color-text-dark: #fafafa; --color-background-hover-dark: #2a2830; --gradient-primary: linear-gradient(135deg,#e6a01e,#d18d1a); --gradient-secondary: linear-gradient(135deg,#22c55e,#16a34a); --gradient-success: linear-gradient(135deg,#22c55e,#16a34a); --gradient-warning: linear-gradient(135deg,#eab308,#ca8a04); --gradient-error: linear-gradient(135deg,#ef4444,#dc2626); --gradient-info: linear-gradient(135deg,#06b6d4,#0891b2); --gradient-hero: linear-gradient(135deg,#050603,#16141c 50%,#201e26); --gradient-card: linear-gradient(145deg,#16141c,#201e26); --gradient-dark: linear-gradient(135deg,#050603,#16141c); --color-crypto-bitcoin: #f7931a; --color-crypto-ethereum: #627eea; --color-crypto-binance: #f3ba2f; --color-crypto-cardano: #3b82f6; --color-crypto-solana: #9945ff; --color-crypto-polygon: #8247e5; --color-crypto-positive: #22c55e; --color-crypto-negative: #ef4444; --color-crypto-neutral: #a1a1aa; --shadow-card: 0 4px 12px rgba(0,0,0,.5); --shadow-card-hover: 0 8px 25px rgba(0,0,0,.7); --shadow-button: 0 2px 8px rgba(230,160,30,.3); --shadow-button-hover: 0 4px 12px rgba(230,160,30,.5); --shadow-glow: 0 0 20px rgba(230,160,30,.4); --shadow-glow-accent: 0 0 20px rgba(230,160,30,.6); --shadow-trading: 0 0 0 1px rgba(230,160,30,.2),0 4px 12px rgba(0,0,0,.5); --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal-backdrop: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --z-toast: 1080; --spacing-18: 4.5rem; --spacing-88: 22rem; --spacing-128: 32rem; --spacing-144: 36rem; --radius-button: 0.5rem; --radius-card: 0.75rem; --radius-modal: 1rem; --backdrop-blur: blur(12px); --glass-bg: rgba(22,20,28,.7); --glass-border: 1px solid rgba(63,63,70,.3); --focus-ring-color: var(--color-accent-500); --focus-ring-offset: 2px; --focus-ring-width: 3px; --color-buy: var(--color-success-500); --color-sell: var(--color-error-500); --color-hold: var(--color-warning-500); --color-chart-line: var(--color-accent-500); --color-chart-grid: var(--color-border); --color-chart-bg: var(--color-surface); --trading-panel-bg: var(--color-surface); --trading-panel-border: var(--color-border); --ticker-positive: var(--color-success-500); --ticker-negative: var(--color-error-500); --ticker-neutral: var(--color-text-muted); --color-highlight: rgba(230,160,30,.15); --color-selection: rgba(230,160,30,.25); --color-link: var(--color-accent-400); --color-link-hover: var(--color-accent-300); --color-code-bg: #201e26; --color-code-text: #d4d4d8; --trading-header-bg: var(--color-background); --trading-sidebar-bg: var(--color-surface); --trading-content-bg: var(--color-surface-2); --trading-table-hover: var(--color-surface-3); --trading-input-bg: var(--color-surface-2); --trading-input-border: var(--color-border); --trading-button-primary: var(--color-accent-500); --trading-button-secondary: var(--color-neutral-700); --font-size-display: 3rem; --font-size-hero: 2.25rem; --font-size-title: 1.875rem; --font-size-subtitle: 1.25rem; --line-height-display: var(--line-height-tight); --line-height-hero: var(--line-height-snug); --letter-spacing-display: var(--letter-spacing-normal); --letter-spacing-hero: var(--letter-spacing-wide); --spacing-component: 0.75rem; --spacing-section: 3rem; --spacing-container: 1.5rem; --border-width-default: 1px; --border-width-thick: 2px; --radius-component: var(--radius-sm); --radius-large: var(--radius-lg); --animation-duration: var(--animation-duration-fast); --animation-timing: var(--animation-timing-ease-out); --animation-scale-hover: 1.02; --animation-translate-hover: -2px; }