/* Generado por app/design/build_tokens_css.py desde app/design/tokens.json. No editar a mano. */
:root {
  --neutral-50: #f6f7f8;
  --neutral-50-rgb: 246 247 248;
  --neutral-100: #eceef0;
  --neutral-100-rgb: 236 238 240;
  --neutral-200: #d6d9de;
  --neutral-200-rgb: 214 217 222;
  --neutral-300: #b6bbc3;
  --neutral-300-rgb: 182 187 195;
  --neutral-400: #868d97;
  --neutral-400-rgb: 134 141 151;
  --neutral-500: #6b7280;
  --neutral-500-rgb: 107 114 128;
  --neutral-600: #5b636e;
  --neutral-600-rgb: 91 99 110;
  --neutral-700: #3a4048;
  --neutral-700-rgb: 58 64 72;
  --neutral-800: #1f2328;
  --neutral-800-rgb: 31 35 40;
  --neutral-900: #17191c;
  --neutral-900-rgb: 23 25 28;
  --neutral-950: #0e0f11;
  --neutral-950-rgb: 14 15 17;
  --brand-bronze: #c9a877;
  --brand-bronze-rgb: 201 168 119;
  --brand-bronze-text: #7a5a2e;
  --brand-bronze-text-rgb: 122 90 46;
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --letter-spacing-tight: -0.01em;
  --radius-control: 8px;
  --radius-section: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  /* Colores por tema: el oscuro va en :root y el claro los redefine abajo. */
  --color-bg: #0e0f11;
  --color-bg-rgb: 14 15 17;
  --color-card: #17191c;
  --color-card-rgb: 23 25 28;
  --color-raised: #1d2024;
  --color-raised-rgb: 29 32 36;
  --color-border: #272a2f;
  --color-border-rgb: 39 42 47;
  --color-separator: #202327;
  --color-separator-rgb: 32 35 39;
  --color-text: #eceef0;
  --color-text-rgb: 236 238 240;
  --color-text-2: #a1a8b2;
  --color-text-2-rgb: 161 168 178;
  --color-text-3: #868d97;
  --color-text-3-rgb: 134 141 151;
  --color-accent: #d6d9de;
  --color-accent-rgb: 214 217 222;
  --color-on-accent: #0e0f11;
  --color-on-accent-rgb: 14 15 17;
  --color-gain: #4cc38a;
  --color-gain-rgb: 76 195 138;
  --color-loss: #f0857b;
  --color-loss-rgb: 240 133 123;
  --color-warning: #f5b65a;
  --color-warning-rgb: 245 182 90;
  --asset-fixed-income: #d6d9de;
  --asset-fixed-income-rgb: 214 217 222;
  --asset-equity: #8fa9c4;
  --asset-equity-rgb: 143 169 196;
  --asset-cash: #5d646e;
  --asset-cash-rgb: 93 100 110;
  --asset-commodities: #c9a877;
  --asset-commodities-rgb: 201 168 119;
  --asset-crypto: #a898bd;
  --asset-crypto-rgb: 168 152 189;
  --asset-other: #93ada9;
  --asset-other-rgb: 147 173 169;
}

html[data-ui12-theme="light"],
html[data-theme="light"] {
  --color-bg: #f6f7f8;
  --color-bg-rgb: 246 247 248;
  --color-card: #ffffff;
  --color-card-rgb: 255 255 255;
  --color-raised: #eceef0;
  --color-raised-rgb: 236 238 240;
  --color-border: #e4e6ea;
  --color-border-rgb: 228 230 234;
  --color-separator: #eceef0;
  --color-separator-rgb: 236 238 240;
  --color-text: #111418;
  --color-text-rgb: 17 20 24;
  --color-text-2: #5b636e;
  --color-text-2-rgb: 91 99 110;
  --color-text-3: #6b7280;
  --color-text-3-rgb: 107 114 128;
  --color-accent: #1f2328;
  --color-accent-rgb: 31 35 40;
  --color-on-accent: #ffffff;
  --color-on-accent-rgb: 255 255 255;
  --color-gain: #0f7b4f;
  --color-gain-rgb: 15 123 79;
  --color-loss: #b42318;
  --color-loss-rgb: 180 35 24;
  --color-warning: #b54708;
  --color-warning-rgb: 181 71 8;
  --asset-fixed-income: #1f2328;
  --asset-fixed-income-rgb: 31 35 40;
  --asset-equity: #5e7a96;
  --asset-equity-rgb: 94 122 150;
  --asset-cash: #b6bbc3;
  --asset-cash-rgb: 182 187 195;
  --asset-commodities: #a07e4a;
  --asset-commodities-rgb: 160 126 74;
  --asset-crypto: #7d6b91;
  --asset-crypto-rgb: 125 107 145;
  --asset-other: #6f8a87;
  --asset-other-rgb: 111 138 135;
}