/* Generado por tools/tokens_css.py a partir de design-system/tokens.json. No editar a mano. */
@font-face { font-family: 'IBM Plex Sans'; src: url('../design-system/fonts/IBMPlexSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../design-system/fonts/IBMPlexSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../design-system/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../design-system/fonts/IBMPlexMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../design-system/fonts/IBMPlexMono-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
:root, [data-theme="noche"] { --bg-editor: #16181c; --bg-side: #1b1e23; --bg-activity: #111317; --bg-title: #111317; --bg-panel: #16181c; --bg-input: #22262d; --bg-hover: #252a31; --bg-select: #23392c; --line: #2a2e35; --line-strong: #6c7380; --ink: #e6e2d7; --ink-muted: #a29e93; --accent: #94d181; --accent-soft: #1f2e1b; --on-accent: #0d130b; --status-bg: #2c6a43; --on-status: #f2f5ef; --syn-keyword: #e8a65f; --syn-string: #a9d68c; --syn-number: #f2958a; --syn-comment: #908c83; --syn-type: #7cc6dc; --syn-func: #92b8f2; --syn-key: #cfa9ea; --term-ok: #94d181; --term-warn: #e8c35f; --term-err: #f2958a; --term-path: #82b4ec; --focus: #94d181; --shadow-pop: 0 8px 24px #000000b3; --focus-ring: 0 0 0 2px #16181c, 0 0 0 3px #94d181; }
[data-theme="dia"] { --bg-editor: #fbfaf7; --bg-side: #f2f0ea; --bg-activity: #e7e4dc; --bg-title: #e7e4dc; --bg-panel: #fbfaf7; --bg-input: #ffffff; --bg-hover: #e9e6de; --bg-select: #d9eacf; --line: #dcd8cd; --line-strong: #7f7a6d; --ink: #1d1f22; --ink-muted: #57544c; --accent: #2c7238; --accent-soft: #e1efdb; --on-accent: #ffffff; --status-bg: #2c6a43; --on-status: #ffffff; --syn-keyword: #a0410c; --syn-string: #2c7238; --syn-number: #b3301d; --syn-comment: #67645c; --syn-type: #11667f; --syn-func: #2556a3; --syn-key: #7a3e9d; --term-ok: #2c7238; --term-warn: #855c00; --term-err: #b3301d; --term-path: #2556a3; --focus: #2556a3; --shadow-pop: 0 1px 2px #1d1f2214, 0 8px 24px #1d1f2229; --focus-ring: 0 0 0 2px #fbfaf7, 0 0 0 3px #2556a3; }
[data-theme="placa"] { --bg-editor: #0f3a2b; --bg-side: #0c3124; --bg-activity: #09271d; --bg-title: #09271d; --bg-panel: #0c3124; --bg-input: #14463a; --bg-hover: #17503c; --bg-select: #1e5a45; --line: #1f5642; --line-strong: #7d9f8e; --ink: #efebe0; --ink-muted: #b9cbc0; --accent: #eeac6a; --accent-soft: #3b2a1b; --on-accent: #160f08; --status-bg: #e09a56; --on-status: #160f08; --syn-keyword: #f2c862; --syn-string: #ace2b8; --syn-number: #f3a596; --syn-comment: #a6c0b2; --syn-type: #93d3f0; --syn-func: #f2bd82; --syn-key: #ead8ac; --term-ok: #ace2b8; --term-warn: #f2c862; --term-err: #f3a596; --term-path: #93d3f0; --focus: #f2c862; --shadow-pop: 0 8px 24px #000000a6; --focus-ring: 0 0 0 2px #0f3a2b, 0 0 0 3px #f2c862; }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-12: 48px; --radius-0: 0px; --radius-sm: 3px; --radius-md: 6px; --radius-full: 9999px; --titlebar-h: 34px; --activity-w: 48px; --side-w: 264px; --tabs-h: 35px; --row-h: 22px; --panel-h: 220px; --status-h: 24px; --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace; }
.display { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 600; letter-spacing: -0.02em; }
.title { font-family: var(--font-sans); font-size: 22px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; }
.heading { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 26px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 13px; line-height: 22px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }