@layer reset, tokens, kit, module;
@font-face {
font-family: 'Geologica';
src: url('fonts/geologica-text.48ce5eaa53b0.woff2') format('woff2');
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Anybody';
src: url('fonts/anybody-display.b6a8d234ffa1.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Martian Mono';
src: url('fonts/martian-mono-fiscal.1ad778c6528e.woff2') format('woff2');
font-weight: 400 600;
font-style: normal;
font-display: swap;
}
@layer tokens {
:root {
color-scheme: light dark;
--ch-space-0: 0;
--ch-space-1: 4px;
--ch-space-2: 8px;
--ch-space-3: 12px;
--ch-space-4: 16px;
--ch-space-5: 24px;
--ch-space-6: 32px;
--ch-space-7: 48px;
--ch-radius-sm: 2px;
--ch-radius-md: 3px;
--ch-radius-lg: 4px;
--ch-radius-pill: 999px;
--ch-cut: 8px;
--ch-font-display: 'Anybody', 'Arial Narrow', sans-serif-condensed, system-ui, sans-serif;
--ch-font-sans: 'Geologica', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--ch-font-mono: 'Martian Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
--ch-font-size-xs: 0.8125rem;
--ch-font-size-sm: 0.875rem;
--ch-font-size-md: 1rem;
--ch-font-size-lg: 1.25rem;
--ch-font-size-xl: 1.75rem;
--ch-font-size-2xl: 2.25rem;
--ch-font-size-3xl: 3rem;
--ch-color-bg: #F2EEE3;
--ch-color-surface: #FBF9F4;
--ch-color-surface-sunken: #E6E0D1;
--ch-color-text: #1D1C19;
--ch-color-text-muted: #55514A;
--ch-color-border: #D3CBB8;
--ch-color-input-border: #827A6A;
--ch-color-brand: #1D1C19;
--ch-color-brand-hover: #3A3832;
--ch-color-on-brand: #FBF9F4;
--ch-color-link: #1F48B0;
--ch-color-accent: #AE3018;
--ch-color-on-accent: #FFFFFF;
--ch-color-danger: #A0192A;
--ch-color-danger-surface: #F7E3E1;
--ch-color-focus: #1F48B0;
--ch-color-success: #1C6B43;
--ch-color-success-surface: #DDEDE1;
--ch-status-queued-bg: #FBF9F4;
--ch-status-queued-fg: #1D1C19;
--ch-status-processing-bg: #D5DEF3;
--ch-status-processing-fg: #1D1C19;
--ch-status-needs-you-bg: #AE3018;
--ch-status-needs-you-fg: #FFFFFF;
--ch-status-done-bg: #5FAE7C;
--ch-status-done-fg: #1D1C19;
--ch-status-verified-bg: #1D1C19;
--ch-status-verified-fg: #FBF9F4;
--ch-canto-rojo: #D23C1E;
--ch-canto-verde: #1F8A4C;
--ch-canto-azul: #2A55C4;
--ch-canto-amarillo: #F2BE22;
--ch-canto-tinta: #1D1C19;
--ch-canto-unit: 2px;
--ch-canto-height: 6px;
--ch-border-width: 1px;
--ch-focus-width: 3px;
--ch-focus-offset: 2px;
--ch-content-max: 60rem;
--ch-tabbar-height: 48px;
--ch-motion-fast: 120ms;
--ch-motion-base: 200ms;
--ch-motion-slow: 320ms;
--ch-ease-feed: cubic-bezier(0.2, 0, 0, 1);
--ch-color-bg-page: var(--ch-ref-neutral-50);
--ch-color-bg-surface: var(--ch-ref-neutral-0);
--ch-color-bg-sunken: var(--ch-ref-neutral-100);
--ch-color-bg-receipt: var(--ch-ref-neutral-25);
--ch-color-bg-hover: var(--ch-ref-neutral-50);
--ch-color-bg-pressed: var(--ch-ref-neutral-100);
--ch-color-bg-selected: var(--ch-ref-blue-100);
--ch-color-bg-selected-hover: var(--ch-ref-blue-150);
--ch-color-bg-selected-pressed: var(--ch-ref-blue-200);
--ch-color-bg-disabled: var(--ch-ref-neutral-100);
--ch-color-bg-scrim: var(--ch-ref-alpha-ink-48);
--ch-color-text-primary: var(--ch-ref-neutral-900);
--ch-color-text-disabled: var(--ch-ref-neutral-300);
--ch-color-text-link: var(--ch-ref-blue-600);
--ch-color-text-on-accent: var(--ch-ref-neutral-0);
--ch-color-text-on-danger: var(--ch-ref-neutral-0);
--ch-color-text-selected: var(--ch-ref-blue-600);
--ch-color-border-control: var(--ch-ref-neutral-400);
--ch-color-border-control-hover: var(--ch-ref-neutral-600);
--ch-color-border-selected: var(--ch-ref-blue-600);
--ch-color-border-subtle: var(--ch-ref-neutral-150);
--ch-color-border-rule: var(--ch-ref-neutral-200);
--ch-color-border-rule-strong: var(--ch-ref-neutral-900);
--ch-color-border-disabled: var(--ch-ref-neutral-150);
--ch-color-border-transparent: var(--ch-ref-alpha-transparent);
--ch-color-action-primary-bg: var(--ch-ref-blue-600);
--ch-color-action-primary-bg-hover: var(--ch-ref-blue-700);
--ch-color-action-primary-bg-pressed: var(--ch-ref-blue-800);
--ch-color-action-primary-fg: var(--ch-color-text-on-accent);
--ch-color-action-secondary-bg: var(--ch-color-bg-surface);
--ch-color-action-secondary-bg-hover: var(--ch-color-bg-hover);
--ch-color-action-secondary-bg-pressed: var(--ch-color-bg-pressed);
--ch-color-action-secondary-fg: var(--ch-color-text-primary);
--ch-color-action-secondary-border: var(--ch-color-border-control);
--ch-color-action-ghost-fg: var(--ch-color-text-link);
--ch-color-action-ghost-bg-hover: var(--ch-color-bg-hover);
--ch-color-action-ghost-bg-pressed: var(--ch-color-bg-pressed);
--ch-color-action-danger-bg: var(--ch-ref-red-700);
--ch-color-action-danger-bg-hover: var(--ch-ref-red-800);
--ch-color-action-danger-bg-pressed: var(--ch-ref-red-800);
--ch-color-action-danger-fg: var(--ch-color-text-on-danger);
--ch-color-focus-ring: var(--ch-ref-blue-600);
--ch-color-status-neutral-fg: var(--ch-ref-neutral-600);
--ch-color-status-neutral-bg: var(--ch-ref-neutral-100);
--ch-color-status-neutral-border: var(--ch-color-status-neutral-fg);
--ch-color-status-info-fg: var(--ch-ref-blue-600);
--ch-color-status-info-bg: var(--ch-ref-blue-100);
--ch-color-status-info-border: var(--ch-color-status-info-fg);
--ch-color-status-success-fg: var(--ch-ref-green-700);
--ch-color-status-success-bg: var(--ch-ref-green-100);
--ch-color-status-success-border: var(--ch-color-status-success-fg);
--ch-color-status-warning-fg: var(--ch-ref-amber-700);
--ch-color-status-warning-bg: var(--ch-ref-amber-100);
--ch-color-status-warning-border: var(--ch-color-status-warning-fg);
--ch-color-status-danger-fg: var(--ch-ref-red-700);
--ch-color-status-danger-bg: var(--ch-ref-red-100);
--ch-color-status-danger-border: var(--ch-color-status-danger-fg);
--ch-color-trust-bg: var(--ch-color-text-primary);
--ch-color-trust-fg: var(--ch-color-bg-surface);
--ch-color-trust-rule: var(--ch-color-bg-surface);
--ch-shadow-soft: var(--ch-ref-alpha-ink-8);
--ch-shadow-strong: var(--ch-ref-alpha-ink-14);
--ch-viz-series: var(--ch-ref-neutral-900);
--ch-viz-series-2: var(--ch-ref-neutral-600);
--ch-viz-series-3: var(--ch-ref-neutral-500);
--ch-viz-series-4: var(--ch-ref-neutral-400);
--ch-viz-you: var(--ch-ref-blue-600);
--ch-viz-axis: var(--ch-ref-neutral-600);
--ch-viz-band: var(--ch-ref-alpha-ink-14);
--ch-viz-grid: var(--ch-color-border-rule);
}
:root {
--ch-ref-neutral-0: #FFFFFF;
--ch-ref-neutral-25: #FBF9F4;
--ch-ref-neutral-50: #F5F4F0;
--ch-ref-neutral-75: #F3F1EC;
--ch-ref-neutral-100: #EDEBE6;
--ch-ref-neutral-150: #E3E0D9;
--ch-ref-neutral-200: #D9D3C6;
--ch-ref-neutral-300: #A9A59C;
--ch-ref-neutral-400: #8A867D;
--ch-ref-neutral-500: #7A766D;
--ch-ref-neutral-600: #5E5B54;
--ch-ref-neutral-800: #34312A;
--ch-ref-neutral-820: #2E2C28;
--ch-ref-neutral-850: #2A2926;
--ch-ref-neutral-870: #262420;
--ch-ref-neutral-880: #222019;
--ch-ref-neutral-900: #1D1C19;
--ch-ref-neutral-950: #121110;
--ch-ref-neutral-980: #0B0B0A;
--ch-ref-blue-100: #E8EDFA;
--ch-ref-blue-150: #D3DEFF;
--ch-ref-blue-200: #B9CBFF;
--ch-ref-blue-300: #9FB7FF;
--ch-ref-blue-600: #1F48B0;
--ch-ref-blue-700: #193B93;
--ch-ref-blue-800: #142F78;
--ch-ref-blue-900: #1D2744;
--ch-ref-blue-950: #0E1A3D;
--ch-ref-green-100: #E4F2E9;
--ch-ref-green-300: #7BD49E;
--ch-ref-green-700: #1C6B43;
--ch-ref-green-900: #16301F;
--ch-ref-amber-100: #FBEEDB;
--ch-ref-amber-300: #F4B860;
--ch-ref-amber-700: #8A4F00;
--ch-ref-amber-900: #33240F;
--ch-ref-red-100: #FBE7E5;
--ch-ref-red-200: #FFB4AE;
--ch-ref-red-300: #FF9A92;
--ch-ref-red-700: #B3261E;
--ch-ref-red-800: #8F1E18;
--ch-ref-red-900: #3A1A17;
--ch-ref-canto-rojo: #D23C1E;
--ch-ref-canto-rojo-noche: #E8573A;
--ch-ref-canto-verde: #1F8A4C;
--ch-ref-canto-verde-noche: #34A865;
--ch-ref-canto-azul: #2A55C4;
--ch-ref-canto-azul-noche: #5A82F0;
--ch-ref-canto-amarillo: #F2BE22;
--ch-ref-canto-tinta-noche: #EFE9DB;
--ch-ref-alpha-ink-8: rgb(20 19 15 / 8%);
--ch-ref-alpha-ink-14: rgb(20 19 15 / 14%);
--ch-ref-alpha-ink-48: rgb(20 19 15 / 48%);
--ch-ref-alpha-black-48: rgb(0 0 0 / 48%);
--ch-ref-alpha-black-64: rgb(0 0 0 / 64%);
--ch-ref-alpha-transparent: rgb(0 0 0 / 0%);
--ch-ref-alpha-paper-14: rgb(243 241 236 / 14%);
}
:root {
--ch-spacing-0: 0;
--ch-spacing-4: 4px;
--ch-spacing-8: 8px;
--ch-spacing-12: 12px;
--ch-spacing-16: 16px;
--ch-spacing-20: 20px;
--ch-spacing-24: 24px;
--ch-spacing-32: 32px;
--ch-spacing-40: 40px;
--ch-spacing-48: 48px;
--ch-spacing-64: 64px;
--ch-control-sm-height: var(--ch-spacing-32);
--ch-control-sm-padding-x: var(--ch-spacing-12);
--ch-control-sm-icon: var(--ch-size-icon-sm);
--ch-control-sm-edge-width: 24px;
--ch-control-md-height: var(--ch-spacing-40);
--ch-control-md-padding-x: var(--ch-spacing-16);
--ch-control-md-icon: var(--ch-size-icon-md);
--ch-control-md-edge-width: 30px;
--ch-control-lg-height: var(--ch-spacing-48);
--ch-control-lg-padding-x: var(--ch-spacing-20);
--ch-control-lg-icon: var(--ch-size-icon-md);
--ch-control-lg-edge-width: 34px;
--ch-control-gap: 8px;
--ch-control-inset: 2px;
--ch-control-segment-height: 36px;
--ch-size-target-min: 48px;
--ch-size-icon-sm: 16px;
--ch-size-icon-md: 20px;
--ch-size-icon-lg: 24px;
--ch-size-icon-stroke: 2px;
--ch-size-badge-height: 24px;
--ch-size-badge-padding-x: 8px;
--ch-size-badge-gap: 4px;
--ch-size-tile-md: 40px;
--ch-size-tile-lg: 48px;
--ch-size-thumb: 56px;
--ch-size-check: 20px;
--ch-size-progress: 4px;
--ch-size-grabber-height: 4px;
--ch-size-grabber-width: 36px;
--ch-rule-hairline: 1px;
--ch-rule-double-gap: 2px;
--ch-rule-slot-height: var(--ch-spacing-8);
--ch-canto-height-tall: 12px;
--ch-form-label-row: 24px;
--ch-form-label-gap: 8px;
--ch-form-meta-gap: 8px;
--ch-form-meta-stack: 4px;
--ch-form-field-gap: 20px;
--ch-form-row-gap: 12px;
--ch-form-section-gap: 32px;
--ch-form-actions-gap: 12px;
--ch-form-col-narrow: 96px;
--ch-form-col-wide: 144px;
--ch-layout-gutter-phone: 20px;
--ch-layout-gutter-desktop: 32px;
--ch-layout-content-max: 960px;
--ch-layout-form-max: 560px;
--ch-layout-sidebar: 248px;
--ch-layout-header-height: 56px;
--ch-layout-tabbar-height: 64px;
--ch-layout-row-height: 72px;
--ch-layout-table-row-height: 56px;
--ch-layout-sheet-tall: 640px;
--ch-inset-card-phone: 16px;
--ch-inset-card-desktop: 24px;
--ch-inset-sheet: 24px;
--ch-inset-badge: var(--ch-size-badge-padding-x);
--ch-radius-none: 0;
--ch-radius-thumb: 8px;
--ch-radius-check: 4px;
--ch-radius-control: 10px;
--ch-radius-card: 16px;
--ch-radius-sheet: 24px;
--ch-radius-full: 9999px;
--ch-radius-control-inner: 8px;
--ch-radius-focus: 14px;
--ch-radius-focus-check: 8px;
--ch-radius-focus-segment: 12px;
--ch-type-display-size: 2rem;
--ch-type-display-line-height: 2.375rem;
--ch-type-display-weight: 600;
--ch-type-display-tracking: -0.02em;
--ch-type-title-1-size: 1.5rem;
--ch-type-title-1-line-height: 1.875rem;
--ch-type-title-1-weight: 600;
--ch-type-title-1-tracking: -0.015em;
--ch-type-title-2-size: 1.25rem;
--ch-type-title-2-line-height: 1.625rem;
--ch-type-title-2-weight: 600;
--ch-type-title-2-tracking: -0.01em;
--ch-type-headline-size: 1.0625rem;
--ch-type-headline-line-height: 1.5rem;
--ch-type-headline-weight: 600;
--ch-type-headline-tracking: -0.005em;
--ch-type-body-size: 1rem;
--ch-type-body-line-height: 1.5rem;
--ch-type-body-weight: 400;
--ch-type-body-tracking: 0;
--ch-type-body-strong-size: 1rem;
--ch-type-body-strong-line-height: 1.5rem;
--ch-type-body-strong-weight: 500;
--ch-type-body-strong-tracking: 0;
--ch-type-label-size: 0.875rem;
--ch-type-label-line-height: 1.25rem;
--ch-type-label-weight: 500;
--ch-type-label-tracking: 0;
--ch-type-caption-size: 0.8125rem;
--ch-type-caption-line-height: 1.125rem;
--ch-type-caption-weight: 400;
--ch-type-caption-tracking: 0.005em;
--ch-type-micro-size: 0.75rem;
--ch-type-micro-line-height: 1rem;
--ch-type-micro-weight: 500;
--ch-type-micro-tracking: 0.01em;
--ch-type-control-size: 1rem;
--ch-type-control-line-height: 1.5rem;
--ch-type-control-weight: 500;
--ch-type-control-tracking: 0;
--ch-type-control-sm-size: 0.875rem;
--ch-type-control-sm-line-height: 1.25rem;
--ch-type-control-sm-weight: 500;
--ch-type-control-sm-tracking: 0;
--ch-type-figure-xl-size: 2.125rem;
--ch-type-figure-xl-line-height: 2.5rem;
--ch-type-figure-xl-weight: 500;
--ch-type-figure-xl-tracking: 0;
--ch-type-figure-lg-size: 1.375rem;
--ch-type-figure-lg-line-height: 1.75rem;
--ch-type-figure-lg-weight: 500;
--ch-type-figure-lg-tracking: 0;
--ch-type-figure-size: 0.9375rem;
--ch-type-figure-line-height: 1.25rem;
--ch-type-figure-weight: 400;
--ch-type-figure-tracking: 0;
--ch-type-figure-sm-size: 0.8125rem;
--ch-type-figure-sm-line-height: 1.125rem;
--ch-type-figure-sm-weight: 400;
--ch-type-figure-sm-tracking: 0;
--ch-type-code-size: 0.8125rem;
--ch-type-code-line-height: 1.125rem;
--ch-type-code-weight: 400;
--ch-type-code-tracking: 0;
--ch-type-count-size: 1.75rem;
--ch-type-count-line-height: 2rem;
--ch-type-count-weight: 600;
--ch-type-count-tracking: -0.01em;
--ch-type-hero-size: 3rem;
--ch-type-hero-line-height: 3rem;
--ch-type-hero-weight: 800;
--ch-type-hero-tracking: 0;
--ch-motion-step: 600ms;
--ch-motion-press-scale: 0.97;
--ch-motion-feed-distance: 4px;
--ch-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
--ch-ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);
--ch-ease-move: cubic-bezier(0.65, 0, 0.35, 1);
--ch-viz-stroke: 2px;
--ch-viz-stroke-thin: var(--ch-rule-hairline);
--ch-viz-point: 8px;
--ch-viz-point-selected: 12px;
--ch-viz-point-halo: 2px;
--ch-viz-bar-thickness: 8px;
--ch-viz-bar-gap: var(--ch-spacing-8);
--ch-viz-axis-y-width: 56px;
--ch-viz-axis-gap: var(--ch-spacing-8);
--ch-viz-sparkline-width: 72px;
--ch-viz-sparkline-height: 24px;
--ch-viz-height-sm: 96px;
--ch-viz-height-md: 160px;
--ch-viz-height-lg: 200px;
--ch-viz-height-xl: 280px;
--ch-viz-readout-height: 44px;
--ch-viz-width-phone: 318px;
--ch-viz-width-wide: 584px;
--ch-viz-width-half: 420px;
--ch-viz-width-side: 256px;
--ch-layer-nav: 10;
--ch-layer-sticky: 20;
--ch-layer-menu: 30;
--ch-layer-toast: 40;
--ch-layer-dialog: 50;
--ch-bp-phone-wide: 30em;
--ch-bp-tablet: 40em;
--ch-bp-sidebar: 52em;
--ch-bp-wide: 60em;
--ch-bp-desktop: 64em;
--ch-fluid-gutter: clamp(1.25rem, 0.9213rem + 1.3483vw, 2rem);
--ch-fluid-inset-card: clamp(1rem, 0.7809rem + 0.8989vw, 1.5rem);
--ch-opacity-disabled-icon: 0.48;
--ch-shadow-1: 0 1px 2px 0 var(--ch-shadow-soft);
--ch-shadow-2: 0 4px 16px 0 var(--ch-shadow-soft), 0 1px 3px 0 var(--ch-shadow-strong);
--ch-shadow-3: 0 12px 40px 0 var(--ch-shadow-strong), 0 2px 6px 0 var(--ch-shadow-soft);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) {
--ch-color-bg: #14130F;
--ch-color-surface: #1E1C17;
--ch-color-surface-sunken: #0D0C0A;
--ch-color-text: #EFE9DB;
--ch-color-text-muted: #B5AD9B;
--ch-color-border: #38342B;
--ch-color-input-border: #8E8674;
--ch-color-brand: #EFE9DB;
--ch-color-brand-hover: #FFFFFF;
--ch-color-on-brand: #14130F;
--ch-color-link: #9FB7FF;
--ch-color-accent: #FF8A60;
--ch-color-on-accent: #14130F;
--ch-color-danger: #FF9AA2;
--ch-color-danger-surface: #3A1519;
--ch-color-focus: #F2BE22;
--ch-color-success: #7BD49E;
--ch-color-success-surface: #12301F;
--ch-status-queued-bg: #1E1C17;
--ch-status-queued-fg: #EFE9DB;
--ch-status-processing-bg: #2B3A63;
--ch-status-processing-fg: #EFE9DB;
--ch-status-needs-you-bg: #FF8A60;
--ch-status-needs-you-fg: #14130F;
--ch-status-done-bg: #2F6E48;
--ch-status-done-fg: #EFE9DB;
--ch-status-verified-bg: #EFE9DB;
--ch-status-verified-fg: #14130F;
--ch-canto-rojo: #E8573A;
--ch-canto-verde: #34A865;
--ch-canto-azul: #5A82F0;
--ch-canto-amarillo: #F2BE22;
--ch-canto-tinta: #EFE9DB;
--ch-color-bg-page: var(--ch-ref-neutral-950);
--ch-color-bg-surface: var(--ch-ref-neutral-900);
--ch-color-bg-sunken: var(--ch-ref-neutral-980);
--ch-color-bg-receipt: var(--ch-ref-neutral-880);
--ch-color-bg-hover: var(--ch-ref-neutral-870);
--ch-color-bg-pressed: var(--ch-ref-neutral-820);
--ch-color-bg-selected: var(--ch-ref-blue-900);
--ch-color-bg-selected-hover: var(--ch-ref-blue-800);
--ch-color-bg-selected-pressed: var(--ch-ref-blue-700);
--ch-color-bg-disabled: var(--ch-ref-neutral-850);
--ch-color-bg-scrim: var(--ch-ref-alpha-black-64);
--ch-color-text-primary: var(--ch-ref-neutral-75);
--ch-color-text-disabled: var(--ch-ref-neutral-600);
--ch-color-text-link: var(--ch-ref-blue-300);
--ch-color-text-on-accent: var(--ch-ref-blue-950);
--ch-color-text-on-danger: var(--ch-ref-red-900);
--ch-color-text-selected: var(--ch-ref-blue-300);
--ch-color-border-control: var(--ch-ref-neutral-500);
--ch-color-border-control-hover: var(--ch-ref-neutral-300);
--ch-color-border-selected: var(--ch-ref-blue-300);
--ch-color-border-subtle: var(--ch-ref-neutral-820);
--ch-color-border-rule: var(--ch-ref-neutral-800);
--ch-color-border-rule-strong: var(--ch-ref-neutral-75);
--ch-color-border-disabled: var(--ch-ref-neutral-820);
--ch-color-action-primary-bg: var(--ch-ref-blue-300);
--ch-color-action-primary-bg-hover: var(--ch-ref-blue-200);
--ch-color-action-primary-bg-pressed: var(--ch-ref-blue-150);
--ch-color-action-danger-bg: var(--ch-ref-red-300);
--ch-color-action-danger-bg-hover: var(--ch-ref-red-200);
--ch-color-action-danger-bg-pressed: var(--ch-ref-red-200);
--ch-color-focus-ring: var(--ch-ref-blue-300);
--ch-color-status-neutral-fg: var(--ch-ref-neutral-300);
--ch-color-status-neutral-bg: var(--ch-ref-neutral-850);
--ch-color-status-info-fg: var(--ch-ref-blue-300);
--ch-color-status-info-bg: var(--ch-ref-blue-900);
--ch-color-status-success-fg: var(--ch-ref-green-300);
--ch-color-status-success-bg: var(--ch-ref-green-900);
--ch-color-status-warning-fg: var(--ch-ref-amber-300);
--ch-color-status-warning-bg: var(--ch-ref-amber-900);
--ch-color-status-danger-fg: var(--ch-ref-red-300);
--ch-color-status-danger-bg: var(--ch-ref-red-900);
--ch-shadow-soft: var(--ch-ref-alpha-black-48);
--ch-shadow-strong: var(--ch-ref-alpha-black-64);
--ch-viz-series: var(--ch-ref-neutral-75);
--ch-viz-series-2: var(--ch-ref-neutral-300);
--ch-viz-series-3: var(--ch-ref-neutral-400);
--ch-viz-series-4: var(--ch-ref-neutral-500);
--ch-viz-you: var(--ch-ref-blue-300);
--ch-viz-axis: var(--ch-ref-neutral-300);
--ch-viz-band: var(--ch-ref-alpha-paper-14);
}
}
:root[data-theme='dark'] {
--ch-color-bg: #14130F;
--ch-color-surface: #1E1C17;
--ch-color-surface-sunken: #0D0C0A;
--ch-color-text: #EFE9DB;
--ch-color-text-muted: #B5AD9B;
--ch-color-border: #38342B;
--ch-color-input-border: #8E8674;
--ch-color-brand: #EFE9DB;
--ch-color-brand-hover: #FFFFFF;
--ch-color-on-brand: #14130F;
--ch-color-link: #9FB7FF;
--ch-color-accent: #FF8A60;
--ch-color-on-accent: #14130F;
--ch-color-danger: #FF9AA2;
--ch-color-danger-surface: #3A1519;
--ch-color-focus: #F2BE22;
--ch-color-success: #7BD49E;
--ch-color-success-surface: #12301F;
--ch-status-queued-bg: #1E1C17;
--ch-status-queued-fg: #EFE9DB;
--ch-status-processing-bg: #2B3A63;
--ch-status-processing-fg: #EFE9DB;
--ch-status-needs-you-bg: #FF8A60;
--ch-status-needs-you-fg: #14130F;
--ch-status-done-bg: #2F6E48;
--ch-status-done-fg: #EFE9DB;
--ch-status-verified-bg: #EFE9DB;
--ch-status-verified-fg: #14130F;
--ch-canto-rojo: #E8573A;
--ch-canto-verde: #34A865;
--ch-canto-azul: #5A82F0;
--ch-canto-amarillo: #F2BE22;
--ch-canto-tinta: #EFE9DB;
--ch-color-bg-page: var(--ch-ref-neutral-950);
--ch-color-bg-surface: var(--ch-ref-neutral-900);
--ch-color-bg-sunken: var(--ch-ref-neutral-980);
--ch-color-bg-receipt: var(--ch-ref-neutral-880);
--ch-color-bg-hover: var(--ch-ref-neutral-870);
--ch-color-bg-pressed: var(--ch-ref-neutral-820);
--ch-color-bg-selected: var(--ch-ref-blue-900);
--ch-color-bg-selected-hover: var(--ch-ref-blue-800);
--ch-color-bg-selected-pressed: var(--ch-ref-blue-700);
--ch-color-bg-disabled: var(--ch-ref-neutral-850);
--ch-color-bg-scrim: var(--ch-ref-alpha-black-64);
--ch-color-text-primary: var(--ch-ref-neutral-75);
--ch-color-text-disabled: var(--ch-ref-neutral-600);
--ch-color-text-link: var(--ch-ref-blue-300);
--ch-color-text-on-accent: var(--ch-ref-blue-950);
--ch-color-text-on-danger: var(--ch-ref-red-900);
--ch-color-text-selected: var(--ch-ref-blue-300);
--ch-color-border-control: var(--ch-ref-neutral-500);
--ch-color-border-control-hover: var(--ch-ref-neutral-300);
--ch-color-border-selected: var(--ch-ref-blue-300);
--ch-color-border-subtle: var(--ch-ref-neutral-820);
--ch-color-border-rule: var(--ch-ref-neutral-800);
--ch-color-border-rule-strong: var(--ch-ref-neutral-75);
--ch-color-border-disabled: var(--ch-ref-neutral-820);
--ch-color-action-primary-bg: var(--ch-ref-blue-300);
--ch-color-action-primary-bg-hover: var(--ch-ref-blue-200);
--ch-color-action-primary-bg-pressed: var(--ch-ref-blue-150);
--ch-color-action-danger-bg: var(--ch-ref-red-300);
--ch-color-action-danger-bg-hover: var(--ch-ref-red-200);
--ch-color-action-danger-bg-pressed: var(--ch-ref-red-200);
--ch-color-focus-ring: var(--ch-ref-blue-300);
--ch-color-status-neutral-fg: var(--ch-ref-neutral-300);
--ch-color-status-neutral-bg: var(--ch-ref-neutral-850);
--ch-color-status-info-fg: var(--ch-ref-blue-300);
--ch-color-status-info-bg: var(--ch-ref-blue-900);
--ch-color-status-success-fg: var(--ch-ref-green-300);
--ch-color-status-success-bg: var(--ch-ref-green-900);
--ch-color-status-warning-fg: var(--ch-ref-amber-300);
--ch-color-status-warning-bg: var(--ch-ref-amber-900);
--ch-color-status-danger-fg: var(--ch-ref-red-300);
--ch-color-status-danger-bg: var(--ch-ref-red-900);
--ch-shadow-soft: var(--ch-ref-alpha-black-48);
--ch-shadow-strong: var(--ch-ref-alpha-black-64);
--ch-viz-series: var(--ch-ref-neutral-75);
--ch-viz-series-2: var(--ch-ref-neutral-300);
--ch-viz-series-3: var(--ch-ref-neutral-400);
--ch-viz-series-4: var(--ch-ref-neutral-500);
--ch-viz-you: var(--ch-ref-blue-300);
--ch-viz-axis: var(--ch-ref-neutral-300);
--ch-viz-band: var(--ch-ref-alpha-paper-14);
}
}