/**
 * Do not edit directly, this file was auto-generated.
 */

:root, [data-theme="light"] {
  --picpic-color-accent-fg: #395bc7;
  --picpic-color-accent-bg: #edf2fe;
  --picpic-color-accent-bg-hover: #dfeaff;
  --picpic-color-accent-border: #a6bff9;
  --picpic-color-surface-default: #ffffff;
  --picpic-color-surface-raised: #ffffff;
  --picpic-color-surface-sunken: #eff0f3;
  --picpic-color-surface-subtle: #f9f9fb;
  --picpic-color-surface-scrim: #111113;
  --picpic-color-text-default: #1e1f24;
  --picpic-color-text-muted: #62636c;
  --picpic-color-text-placeholder: #80828d;
  --picpic-color-text-on-scrim: #eeeef0;
  --picpic-color-text-on-scrim-muted: #b2b3bd;
  --picpic-color-code-module: #1e1f24;
  --picpic-color-code-background: #ffffff;
  --picpic-color-action-primary-bg: #3d63dd;
  --picpic-color-action-primary-fg: #ffffff;
  --picpic-color-action-primary-bg-hover: #3657c3;
  --picpic-color-action-strong-bg: #1e1f24;
  --picpic-color-action-strong-fg: #fcfcfd;
  --picpic-color-action-strong-bg-hover: #303136;
  --picpic-color-action-secondary-bg: #eff0f3;
  --picpic-color-action-secondary-fg: #1e1f24;
  --picpic-color-action-secondary-bg-hover: #e7e8ec;
  --picpic-color-action-ghost-bg: #ffffff;
  --picpic-color-action-ghost-fg: #1e1f24;
  --picpic-color-action-ghost-bg-hover: #eff0f3;
  --picpic-color-action-danger-bg: #d73840;
  --picpic-color-action-danger-fg: #ffffff;
  --picpic-color-action-danger-bg-hover: #cc2e39;
  --picpic-color-border-default: #8b8d98;
  --picpic-color-border-subtle: #d8d9e0;
  --picpic-color-border-focus: #3d63dd;
  --picpic-color-border-selected: #3d63dd;
  --picpic-color-feedback-danger-bg: #ffebea;
  --picpic-color-feedback-danger-fg: #cc2e39;
  --picpic-color-feedback-danger-border: #f5a9a5;
  --picpic-color-feedback-success-bg: #e5f6eb;
  --picpic-color-feedback-success-fg: #1d3b2a;
  --picpic-color-feedback-success-border: #8fcea8;
  --picpic-color-feedback-warning-bg: #fff2c3;
  --picpic-color-feedback-warning-fg: #463a20;
  --picpic-color-feedback-warning-border: #e9c16e;
  --picpic-color-chart-total: #3d63dd;
  --picpic-color-chart-series-1: #eb5d00;
  --picpic-color-chart-series-2: #009888;
  --picpic-color-chart-series-3: #8e4ec6;
  --picpic-color-chart-series-4: #d6409f;
  --picpic-color-chart-series-5: #9b6f00;
  --picpic-color-chart-other: #8b8d98;
  --picpic-color-promo-bg: #00814c;
  --picpic-color-promo-fg: #ffffff;
  --picpic-radius-sm: calc(8px - 4px);
  --picpic-radius-photo: calc(8px - 2px);
  --picpic-radius-control: 8px;
  --picpic-radius-card: calc(8px + 4px);
  --picpic-radius-pill: 9999px;
  --picpic-space-none: 0px;
  --picpic-space-inset-xs: 4px;
  --picpic-space-inset-sm: 8px;
  --picpic-space-inset-snug: 12px;
  --picpic-space-inset-md: 16px;
  --picpic-space-inset-roomy: 24px;
  --picpic-space-inset-lg: 32px;
  --picpic-space-inset-xl: 48px;
  --picpic-space-stack-xs: 4px;
  --picpic-space-stack-sm: 8px;
  --picpic-space-stack-snug: 12px;
  --picpic-space-stack-md: 16px;
  --picpic-space-stack-roomy: 24px;
  --picpic-space-stack-lg: 32px;
  --picpic-space-stack-xl: 48px;
  --picpic-space-gap-xs: 4px;
  --picpic-space-gap-sm: 8px;
  --picpic-space-gap-snug: 12px;
  --picpic-space-gap-md: 16px;
  --picpic-space-gap-lg: 24px;
  --picpic-space-section: 48px;
  --picpic-motion-stagger: 40ms;
  --picpic-motion-fast: 150ms;
  --picpic-motion-normal: 250ms;
  --picpic-motion-enter: 400ms;
  --picpic-motion-slow: 1200ms;
  --picpic-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --picpic-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --picpic-elevation-raised: 0px 1px 2px 0px #0000000d;
  --picpic-elevation-floating: 0px 4px 12px -2px #00000014, 0px 2px 4px -2px #0000000a;
  --picpic-elevation-overlay: 0px 16px 40px -12px #00000029, 0px 4px 8px -4px #00000014;
  --picpic-size-control-sm: 2rem;
  --picpic-size-control-md: 2.25rem;
  --picpic-size-control-lg: 2.75rem;
  --picpic-size-touch: 2.75rem;
  --picpic-size-card-min: 16rem;
  --picpic-size-card-max: 40rem;
  --picpic-size-form-max: 28rem;
  --picpic-size-focus: 2px;
  --picpic-size-ring: 2px;
  --picpic-size-lift: 2px;
  --picpic-size-viewport: 100dvh;
  --picpic-size-page-max: 75rem;
  --picpic-size-measure: 65ch;
  --picpic-size-header: 3.5rem;
  --picpic-size-thumb: 5rem;
  --picpic-size-logo-brand: 4.5rem;
  --picpic-size-logo-height: 2.5rem;
  --picpic-size-logo-max: 12rem;
  --picpic-size-embed-min: 32rem;
  --picpic-size-listbox-max: 14rem; /** The most a combobox list grows: about four rows with a thumbnail; the rest scrolls inside it. */
  --picpic-size-chat-width: 24rem;
  --picpic-size-chat-height: min(40rem, 80dvh);
  --picpic-size-photo-max: 70dvh;
  --picpic-size-photo-row-xs: 6rem;
  --picpic-size-photo-row-sm: 7rem;
  --picpic-size-photo-row-md: 10rem;
  --picpic-size-photo-row-lg: 13rem;
  --picpic-size-photo-row-xl: 17rem;
  --picpic-size-icon-sm: 1rem;
  --picpic-size-icon-md: 1.25rem;
  --picpic-size-icon-lg: 1.5rem;
  --picpic-size-icon-xl: 2.5rem;
  --picpic-size-dot: 0.5em;
  --picpic-size-kern: 0.375em;
  --picpic-size-chart-height: 18rem;
  --picpic-size-chart-line: 2px;
  --picpic-size-chart-dash: 6px;
  --picpic-size-chart-marker: 0.625rem;
  --picpic-size-preview-mobile-width: 24.375rem;
  --picpic-size-preview-mobile-height: 52.75rem;
  --picpic-size-preview-desktop-width: 80rem;
  --picpic-size-preview-desktop-height: 45rem;
  --picpic-size-bib-band: 0.25rem;
  --picpic-size-bib-hole: 0.5rem;
  --picpic-size-hero-min: 10rem;
  --picpic-size-hero-max: 22rem;
  --picpic-size-mail-max: 600px;
  --picpic-size-progress: 0.25rem; /** El grosor de una línea de avance: la del carrito hacia el próximo descuento (L-F73). */
  --picpic-opacity-disabled: 0.5;
  --picpic-opacity-pulse: 0.5;
  --picpic-opacity-wash: 0.1;
  --picpic-opacity-scrim-base: 0.2;
  --picpic-opacity-scrim-gradient: 0.3;
  --picpic-opacity-backdrop: 0.5;
  --picpic-z-raised: 1;
  --picpic-z-header: 30;
  --picpic-z-overlay: 40;
  --picpic-type-family-sans: 'Pic Pic Sans', system-ui, sans-serif;
  --picpic-type-family-heading: 'Pic Pic Sans', system-ui, sans-serif; /** Los títulos de la landing del comprador (el héroe, los títulos de sección). Es la familia de texto; un tema de marca (L-B147) la puede llevar a una familia de títulos de su catálogo. */
  --picpic-type-family-mono: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --picpic-type-family-price: 'Pic Pic Sans', system-ui, sans-serif; /** Los montos y los descuentos de la vidriera, el carrito y el cobro (L-B145): la misma familia que el resto de la interfaz, con cifras tabulares. Antes era la mono. */
  --picpic-type-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --picpic-type-weight-regular: 400;
  --picpic-type-weight-medium: 500;
  --picpic-type-weight-semibold: 600;
  --picpic-type-weight-bold: 700;
  --picpic-type-min: 12px;
  --picpic-type-small: 14px;
  --picpic-type-body: 16px;
  --picpic-type-lead: 18px;
  --picpic-type-heading: 20px;
  --picpic-type-title: 24px;
  --picpic-type-display: clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);
  --picpic-type-headline: clamp(2rem, 1.4rem + 3vw, 3.5rem); /** Título del héroe del comprador: el nombre del evento, grande y centrado (L-F73). */
  --picpic-type-bib: clamp(1.75rem, 1.35rem + 2vw, 2.5rem);
  --picpic-type-fluid: 10cqi;
  --picpic-type-leading-tight: 1.15;
  --picpic-type-leading-snug: 1.3;
  --picpic-type-leading-normal: 1.5;
  --picpic-type-tracking-display: -0.025em;
  --picpic-type-tracking-heading: -0.015em;
  --picpic-type-tracking-label: 0.04em;
  --picpic-scale-pressed: 0.97;
  --picpic-scale-zoom: 1.02;
  --picpic-scale-stretch: 2;
  --picpic-scale-filler: 100000;
  --picpic-angle-tilt: -4deg;
  --picpic-angle-flip: 180deg; /** Half a turn: a caret that points the other way when what it opens is open. */
  --picpic-aspect-cover-mobile: 0.8;
  --picpic-aspect-cover-wide: 3;
  --picpic-aspect-print-card: 0.6308; /** The preview of a printed business card of the promotion kit (L-B178). */
  --picpic-aspect-print-badge: 0.7048; /** The preview of a printed credential of the promotion kit (L-B178). */
  --picpic-badge-neutral-bg: #eff0f3;
  --picpic-badge-neutral-fg: #1e1f24;
  --picpic-badge-success-bg: #e5f6eb;
  --picpic-badge-success-fg: #1d3b2a;
  --picpic-badge-warning-bg: #fff2c3;
  --picpic-badge-warning-fg: #463a20;
  --picpic-badge-danger-bg: #ffebea;
  --picpic-badge-danger-fg: #cc2e39;
  --picpic-badge-accent-bg: #edf2fe;
  --picpic-badge-accent-fg: #395bc7;
  --picpic-badge-radius: calc(8px - 4px);
  --picpic-button-primary-bg: #3d63dd;
  --picpic-button-primary-fg: #ffffff;
  --picpic-button-primary-bg-hover: #3657c3;
  --picpic-button-strong-bg: #1e1f24;
  --picpic-button-strong-fg: #fcfcfd;
  --picpic-button-strong-bg-hover: #303136;
  --picpic-button-secondary-bg: #ffffff;
  --picpic-button-secondary-fg: #1e1f24;
  --picpic-button-secondary-bg-hover: #eff0f3;
  --picpic-button-secondary-border: #d8d9e0;
  --picpic-button-ghost-fg: #1e1f24;
  --picpic-button-ghost-bg-hover: #eff0f3;
  --picpic-button-danger-bg: #d73840;
  --picpic-button-danger-fg: #ffffff;
  --picpic-button-danger-bg-hover: #cc2e39;
  --picpic-button-radius: 8px;
  --picpic-card-bg: #ffffff;
  --picpic-card-fg: #1e1f24;
  --picpic-card-radius: calc(8px + 4px);
  --picpic-card-border: #d8d9e0;
  --picpic-empty-state-fg: #1e1f24;
  --picpic-empty-state-muted: #62636c;
  --picpic-empty-state-bg: #ffffff;
  --picpic-empty-state-border: #d8d9e0;
  --picpic-empty-state-icon: #62636c;
  --picpic-input-bg: #ffffff;
  --picpic-input-fg: #1e1f24;
  --picpic-input-border: #8b8d98;
  --picpic-input-radius: 8px;
  --picpic-mail-canvas: #eff0f3;
  --picpic-mail-card-bg: #ffffff;
  --picpic-mail-card-border: #d8d9e0;
  --picpic-mail-card-radius: calc(8px + 4px);
  --picpic-mail-fg: #1e1f24;
  --picpic-mail-muted: #62636c;
  --picpic-mail-link: #395bc7;
  --picpic-mail-brand: #395bc7;
  --picpic-mail-button-bg: #1e1f24;
  --picpic-mail-button-fg: #fcfcfd;
  --picpic-mail-button-radius: 8px;
  --picpic-mail-button-height: 2.75rem;
  --picpic-mail-code-bg: #edf2fe;
  --picpic-mail-code-fg: #1e1f24;
  --picpic-mail-code-border: #a6bff9;
  --picpic-mail-width: 600px;
  --picpic-mail-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --picpic-mail-family-mono: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --picpic-price-fg: #1e1f24;
  --picpic-price-discount-fg: #1d3b2a;
  --picpic-price-family: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-theme="dark"] {
  --picpic-color-accent-fg: #93b4ff;
  --picpic-color-accent-bg: #172448;
  --picpic-color-accent-bg-hover: #1d2e61;
  --picpic-color-accent-border: #375098;
  --picpic-color-surface-default: #111111;
  --picpic-color-surface-raised: #19191b;
  --picpic-color-surface-sunken: #222325;
  --picpic-color-surface-subtle: #19191b;
  --picpic-color-surface-scrim: #111113;
  --picpic-color-text-default: #eeeef0;
  --picpic-color-text-muted: #b2b3bd;
  --picpic-color-text-placeholder: #797b86;
  --picpic-color-text-on-scrim: #eeeef0;
  --picpic-color-text-on-scrim-muted: #b2b3bd;
  --picpic-color-code-module: #1e1f24;
  --picpic-color-code-background: #ffffff;
  --picpic-color-action-primary-bg: #3d63dd;
  --picpic-color-action-primary-fg: #ffffff;
  --picpic-color-action-primary-bg-hover: #3f5cb0;
  --picpic-color-action-strong-bg: #eeeef0;
  --picpic-color-action-strong-fg: #111113;
  --picpic-color-action-strong-bg-hover: #d8d9e0;
  --picpic-color-action-secondary-bg: #222325;
  --picpic-color-action-secondary-fg: #eeeef0;
  --picpic-color-action-secondary-bg-hover: #292a2e;
  --picpic-color-action-ghost-bg: #111111;
  --picpic-color-action-ghost-fg: #eeeef0;
  --picpic-color-action-ghost-bg-hover: #222325;
  --picpic-color-action-danger-bg: #d73840;
  --picpic-color-action-danger-fg: #ffffff;
  --picpic-color-action-danger-bg-hover: #cc2e39;
  --picpic-color-border-default: #6c6e79;
  --picpic-color-border-subtle: #393a40;
  --picpic-color-border-focus: #93b4ff;
  --picpic-color-border-selected: #93b4ff;
  --picpic-color-feedback-danger-bg: #3b1212;
  --picpic-color-feedback-danger-fg: #ff8f8b;
  --picpic-color-feedback-danger-border: #8c3434;
  --picpic-color-feedback-success-bg: #152c1f;
  --picpic-color-feedback-success-fg: #63d196;
  --picpic-color-feedback-success-border: #2b6848;
  --picpic-color-feedback-warning-bg: #2c220c;
  --picpic-color-feedback-warning-fg: #ffcc4c;
  --picpic-color-feedback-warning-border: #695323;
  --picpic-color-chart-total: #93b4ff;
  --picpic-color-chart-series-1: #f76b15;
  --picpic-color-chart-series-2: #12a594;
  --picpic-color-chart-series-3: #d29dff;
  --picpic-color-chart-series-4: #d6409f;
  --picpic-color-chart-series-5: #ffc53d;
  --picpic-color-chart-other: #797b86;
  --picpic-color-promo-bg: #63d196;
  --picpic-color-promo-fg: #0c130f;
  --picpic-radius-sm: calc(8px - 4px);
  --picpic-radius-photo: calc(8px - 2px);
  --picpic-radius-control: 8px;
  --picpic-radius-card: calc(8px + 4px);
  --picpic-radius-pill: 9999px;
  --picpic-space-none: 0px;
  --picpic-space-inset-xs: 4px;
  --picpic-space-inset-sm: 8px;
  --picpic-space-inset-snug: 12px;
  --picpic-space-inset-md: 16px;
  --picpic-space-inset-roomy: 24px;
  --picpic-space-inset-lg: 32px;
  --picpic-space-inset-xl: 48px;
  --picpic-space-stack-xs: 4px;
  --picpic-space-stack-sm: 8px;
  --picpic-space-stack-snug: 12px;
  --picpic-space-stack-md: 16px;
  --picpic-space-stack-roomy: 24px;
  --picpic-space-stack-lg: 32px;
  --picpic-space-stack-xl: 48px;
  --picpic-space-gap-xs: 4px;
  --picpic-space-gap-sm: 8px;
  --picpic-space-gap-snug: 12px;
  --picpic-space-gap-md: 16px;
  --picpic-space-gap-lg: 24px;
  --picpic-space-section: 48px;
  --picpic-motion-stagger: 40ms;
  --picpic-motion-fast: 150ms;
  --picpic-motion-normal: 250ms;
  --picpic-motion-enter: 400ms;
  --picpic-motion-slow: 1200ms;
  --picpic-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --picpic-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --picpic-elevation-raised: 0px 1px 2px 0px #00000066;
  --picpic-elevation-floating: 0px 4px 12px -2px #00000080, 0px 2px 4px -2px #0000004d;
  --picpic-elevation-overlay: 0px 16px 40px -12px #000000b3, 0px 4px 8px -4px #00000066;
  --picpic-size-control-sm: 2rem;
  --picpic-size-control-md: 2.25rem;
  --picpic-size-control-lg: 2.75rem;
  --picpic-size-touch: 2.75rem;
  --picpic-size-card-min: 16rem;
  --picpic-size-card-max: 40rem;
  --picpic-size-form-max: 28rem;
  --picpic-size-focus: 2px;
  --picpic-size-ring: 2px;
  --picpic-size-lift: 2px;
  --picpic-size-viewport: 100dvh;
  --picpic-size-page-max: 75rem;
  --picpic-size-measure: 65ch;
  --picpic-size-header: 3.5rem;
  --picpic-size-thumb: 5rem;
  --picpic-size-logo-brand: 4.5rem;
  --picpic-size-logo-height: 2.5rem;
  --picpic-size-logo-max: 12rem;
  --picpic-size-embed-min: 32rem;
  --picpic-size-listbox-max: 14rem; /** The most a combobox list grows: about four rows with a thumbnail; the rest scrolls inside it. */
  --picpic-size-chat-width: 24rem;
  --picpic-size-chat-height: min(40rem, 80dvh);
  --picpic-size-photo-max: 70dvh;
  --picpic-size-photo-row-xs: 6rem;
  --picpic-size-photo-row-sm: 7rem;
  --picpic-size-photo-row-md: 10rem;
  --picpic-size-photo-row-lg: 13rem;
  --picpic-size-photo-row-xl: 17rem;
  --picpic-size-icon-sm: 1rem;
  --picpic-size-icon-md: 1.25rem;
  --picpic-size-icon-lg: 1.5rem;
  --picpic-size-icon-xl: 2.5rem;
  --picpic-size-dot: 0.5em;
  --picpic-size-kern: 0.375em;
  --picpic-size-chart-height: 18rem;
  --picpic-size-chart-line: 2px;
  --picpic-size-chart-dash: 6px;
  --picpic-size-chart-marker: 0.625rem;
  --picpic-size-preview-mobile-width: 24.375rem;
  --picpic-size-preview-mobile-height: 52.75rem;
  --picpic-size-preview-desktop-width: 80rem;
  --picpic-size-preview-desktop-height: 45rem;
  --picpic-size-bib-band: 0.25rem;
  --picpic-size-bib-hole: 0.5rem;
  --picpic-size-hero-min: 10rem;
  --picpic-size-hero-max: 22rem;
  --picpic-size-mail-max: 600px;
  --picpic-size-progress: 0.25rem; /** El grosor de una línea de avance: la del carrito hacia el próximo descuento (L-F73). */
  --picpic-opacity-disabled: 0.5;
  --picpic-opacity-pulse: 0.5;
  --picpic-opacity-wash: 0.1;
  --picpic-opacity-scrim-base: 0.2;
  --picpic-opacity-scrim-gradient: 0.3;
  --picpic-opacity-backdrop: 0.5;
  --picpic-z-raised: 1;
  --picpic-z-header: 30;
  --picpic-z-overlay: 40;
  --picpic-type-family-sans: 'Pic Pic Sans', system-ui, sans-serif;
  --picpic-type-family-heading: 'Pic Pic Sans', system-ui, sans-serif; /** Los títulos de la landing del comprador (el héroe, los títulos de sección). Es la familia de texto; un tema de marca (L-B147) la puede llevar a una familia de títulos de su catálogo. */
  --picpic-type-family-mono: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --picpic-type-family-price: 'Pic Pic Sans', system-ui, sans-serif; /** Los montos y los descuentos de la vidriera, el carrito y el cobro (L-B145): la misma familia que el resto de la interfaz, con cifras tabulares. Antes era la mono. */
  --picpic-type-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --picpic-type-weight-regular: 400;
  --picpic-type-weight-medium: 500;
  --picpic-type-weight-semibold: 600;
  --picpic-type-weight-bold: 700;
  --picpic-type-min: 12px;
  --picpic-type-small: 14px;
  --picpic-type-body: 16px;
  --picpic-type-lead: 18px;
  --picpic-type-heading: 20px;
  --picpic-type-title: 24px;
  --picpic-type-display: clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);
  --picpic-type-headline: clamp(2rem, 1.4rem + 3vw, 3.5rem); /** Título del héroe del comprador: el nombre del evento, grande y centrado (L-F73). */
  --picpic-type-bib: clamp(1.75rem, 1.35rem + 2vw, 2.5rem);
  --picpic-type-fluid: 10cqi;
  --picpic-type-leading-tight: 1.15;
  --picpic-type-leading-snug: 1.3;
  --picpic-type-leading-normal: 1.5;
  --picpic-type-tracking-display: -0.025em;
  --picpic-type-tracking-heading: -0.015em;
  --picpic-type-tracking-label: 0.04em;
  --picpic-scale-pressed: 0.97;
  --picpic-scale-zoom: 1.02;
  --picpic-scale-stretch: 2;
  --picpic-scale-filler: 100000;
  --picpic-angle-tilt: -4deg;
  --picpic-angle-flip: 180deg; /** Half a turn: a caret that points the other way when what it opens is open. */
  --picpic-aspect-cover-mobile: 0.8;
  --picpic-aspect-cover-wide: 3;
  --picpic-aspect-print-card: 0.6308; /** The preview of a printed business card of the promotion kit (L-B178). */
  --picpic-aspect-print-badge: 0.7048; /** The preview of a printed credential of the promotion kit (L-B178). */
  --picpic-badge-neutral-bg: #222325;
  --picpic-badge-neutral-fg: #eeeef0;
  --picpic-badge-success-bg: #152c1f;
  --picpic-badge-success-fg: #63d196;
  --picpic-badge-warning-bg: #2c220c;
  --picpic-badge-warning-fg: #ffcc4c;
  --picpic-badge-danger-bg: #3b1212;
  --picpic-badge-danger-fg: #ff8f8b;
  --picpic-badge-accent-bg: #172448;
  --picpic-badge-accent-fg: #93b4ff;
  --picpic-badge-radius: calc(8px - 4px);
  --picpic-button-primary-bg: #3d63dd;
  --picpic-button-primary-fg: #ffffff;
  --picpic-button-primary-bg-hover: #3f5cb0;
  --picpic-button-strong-bg: #eeeef0;
  --picpic-button-strong-fg: #111113;
  --picpic-button-strong-bg-hover: #d8d9e0;
  --picpic-button-secondary-bg: #19191b;
  --picpic-button-secondary-fg: #eeeef0;
  --picpic-button-secondary-bg-hover: #222325;
  --picpic-button-secondary-border: #393a40;
  --picpic-button-ghost-fg: #eeeef0;
  --picpic-button-ghost-bg-hover: #222325;
  --picpic-button-danger-bg: #d73840;
  --picpic-button-danger-fg: #ffffff;
  --picpic-button-danger-bg-hover: #cc2e39;
  --picpic-button-radius: 8px;
  --picpic-card-bg: #19191b;
  --picpic-card-fg: #eeeef0;
  --picpic-card-radius: calc(8px + 4px);
  --picpic-card-border: #393a40;
  --picpic-empty-state-fg: #eeeef0;
  --picpic-empty-state-muted: #b2b3bd;
  --picpic-empty-state-bg: #19191b;
  --picpic-empty-state-border: #393a40;
  --picpic-empty-state-icon: #b2b3bd;
  --picpic-input-bg: #19191b;
  --picpic-input-fg: #eeeef0;
  --picpic-input-border: #6c6e79;
  --picpic-input-radius: 8px;
  --picpic-mail-canvas: #222325;
  --picpic-mail-card-bg: #19191b;
  --picpic-mail-card-border: #393a40;
  --picpic-mail-card-radius: calc(8px + 4px);
  --picpic-mail-fg: #eeeef0;
  --picpic-mail-muted: #b2b3bd;
  --picpic-mail-link: #93b4ff;
  --picpic-mail-brand: #93b4ff;
  --picpic-mail-button-bg: #eeeef0;
  --picpic-mail-button-fg: #111113;
  --picpic-mail-button-radius: 8px;
  --picpic-mail-button-height: 2.75rem;
  --picpic-mail-code-bg: #172448;
  --picpic-mail-code-fg: #eeeef0;
  --picpic-mail-code-border: #375098;
  --picpic-mail-width: 600px;
  --picpic-mail-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --picpic-mail-family-mono: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --picpic-price-fg: #eeeef0;
  --picpic-price-discount-fg: #63d196;
  --picpic-price-family: 'Pic Pic Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}