/* Generated by MamboSite. Do not edit. */

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --mambo-color-background: #181615;
  --mambo-color-surface: #24201e;
  --mambo-color-surface-strong: #3d3633;
  --mambo-color-border: #3d3633;
  --mambo-color-text: #faf7f2;
  --mambo-color-text-muted: #d5c9b8;
  --mambo-color-text-subtle: #969085;
  --mambo-color-brand: #e05a45;
  --mambo-color-brand-hover: #f08068;
  --mambo-color-brand-active: #d96752;
  --mambo-color-on-brand: #181615;
  --mambo-color-selection: #d44b36;
  --mambo-color-focus: #d3a774;
  --mambo-color-success: #64705e;
  --mambo-color-warning: #d3a774;
  --mambo-color-danger: #d44b36;
  --mambo-color-header-background: rgb(24 22 21 / 92%);
  --mambo-color-shadow: rgb(0 0 0 / 28%);
  --mambo-color-accent-1: #ff6b57;
  --mambo-color-accent-2: #d98c84;
  --mambo-color-accent-3: #ffa775;
  --mambo-color-accent-4: #ffd794;
  --mambo-color-accent-5: #c2cca8;
  --mambo-color-accent-6: #839979;
  --mambo-color-accent-7: #9cbaac;
  --mambo-color-accent-8: #538271;
  --mambo-color-accent-9: #8b9cbd;
  --mambo-color-accent-10: #a5b5ed;
  --mambo-color-accent-11: #9e5b68;
  --mambo-color-accent-12: #bf8087;
}

[data-theme="light"] {
  color-scheme: light;
  --mambo-color-background: #faf7f2;
  --mambo-color-surface: #f3ece2;
  --mambo-color-surface-strong: #e1d5c3;
  --mambo-color-border: #e1d5c3;
  --mambo-color-text: #1c1111;
  --mambo-color-text-muted: #5c4d4a;
  --mambo-color-text-subtle: #765d3f;
  --mambo-color-brand: #a93622;
  --mambo-color-brand-hover: #822727;
  --mambo-color-brand-active: #641b1b;
  --mambo-color-on-brand: #faf7f2;
  --mambo-color-selection: #a93622;
  --mambo-color-focus: #822727;
  --mambo-color-success: #5c705a;
  --mambo-color-warning: #d3a774;
  --mambo-color-danger: #a93622;
  --mambo-color-header-background: rgb(250 247 242 / 92%);
  --mambo-color-shadow: rgb(28 17 17 / 14%);
  --mambo-color-accent-1: #b84233;
  --mambo-color-accent-2: #a65b53;
  --mambo-color-accent-3: #de8554;
  --mambo-color-accent-4: #dfb16c;
  --mambo-color-accent-5: #8fa382;
  --mambo-color-accent-6: #4a6353;
  --mambo-color-accent-7: #6b8c85;
  --mambo-color-accent-8: #2d524b;
  --mambo-color-accent-9: #4e687d;
  --mambo-color-accent-10: #6b8496;
  --mambo-color-accent-11: #6e3b45;
  --mambo-color-accent-12: #8c5258;
}

:root {
  --mambo-font-body: "MamboFont", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --mambo-font-heading: "MamboFont", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --mambo-font-mono: "MamboFont", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --mambo-type-body-size: 1.125rem;
  --mambo-type-body-line-height: 1.72;
  --mambo-type-body-weight: 400;
  --mambo-type-body-letter-spacing: normal;
  --mambo-type-small-size: 0.95rem;
  --mambo-type-small-line-height: 1.5;
  --mambo-type-small-weight: 400;
  --mambo-type-small-letter-spacing: normal;
  --mambo-type-label-size: 0.875rem;
  --mambo-type-label-line-height: 1.35;
  --mambo-type-label-weight: 700;
  --mambo-type-label-letter-spacing: 0.08em;
  --mambo-type-navigation-size: 1.2rem;
  --mambo-type-navigation-line-height: 1.2;
  --mambo-type-navigation-weight: 700;
  --mambo-type-navigation-letter-spacing: 0.08em;
  --mambo-type-heading-1-size: clamp(2.5rem, 7vw, 5.5rem);
  --mambo-type-heading-1-line-height: 1.1;
  --mambo-type-heading-1-weight: 700;
  --mambo-type-heading-1-letter-spacing: -0.055em;
  --mambo-type-heading-2-size: clamp(1.75rem, 4vw, 2.7rem);
  --mambo-type-heading-2-line-height: 1.1;
  --mambo-type-heading-2-weight: 700;
  --mambo-type-heading-2-letter-spacing: -0.035em;
  --mambo-type-heading-3-size: 1.45rem;
  --mambo-type-heading-3-line-height: 1.2;
  --mambo-type-heading-3-weight: 700;
  --mambo-type-heading-3-letter-spacing: normal;
  --mambo-type-hero-lead-size: 1.15rem;
  --mambo-type-hero-lead-line-height: 1.6;
  --mambo-type-hero-lead-weight: 400;
  --mambo-type-hero-lead-letter-spacing: normal;
  --mambo-type-card-title-size: 1.25rem;
  --mambo-type-card-title-line-height: 1.3;
  --mambo-type-card-title-weight: 700;
  --mambo-type-card-title-letter-spacing: normal;
  --mambo-space-xxs: 0.25rem;
  --mambo-space-xs: 0.5rem;
  --mambo-space-sm: 0.75rem;
  --mambo-space-md: 1rem;
  --mambo-space-lg: 1.5rem;
  --mambo-space-xl: 2.5rem;
  --mambo-space-xxl: 4rem;
  --mambo-space-section: 4rem;
  --mambo-width-reading: 48rem;
  --mambo-width-normal: 74rem;
  --mambo-width-wide: 88rem;
  --mambo-width-full: none;
  --mambo-width-shell: 90rem;
  --mambo-width-sidebar: 15rem;
  --mambo-width-card-min: 14rem;
  --mambo-width-hero-image-min: 14rem;
  --mambo-width-gallery-image-max: 24rem;
  --mambo-dimension-main-top-padding: 6rem;
  --mambo-dimension-header-height: 4rem;
  --mambo-dimension-header-blur: 16px;
  --mambo-dimension-toc-offset: 6.5rem;
  --mambo-dimension-hero-min-height: 18rem;
  --mambo-dimension-control-min-height: 2.75rem;
  --mambo-border-thin: 1px;
  --mambo-border-strong: 2px;
  --mambo-border-accent: 0.4rem;
  --mambo-radius-small: 0;
  --mambo-radius-medium: 0;
  --mambo-radius-large: 0;
  --mambo-radius-pill: 0;
  --mambo-shadow-small: 0 1px 2px var(--mambo-color-shadow);
  --mambo-shadow-medium: 0 0.5rem 1.5rem var(--mambo-color-shadow);
  --mambo-shadow-large: 0 1rem 3rem var(--mambo-color-shadow);
  --mambo-motion-fast: 160ms;
  --mambo-motion-normal: 180ms;
  --mambo-motion-slow: 300ms;
  --mambo-motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --mambo-border-style: solid;
  --mambo-card-accent: var(--mambo-color-accent-1);
  --mambo-layout-page-with-sidebar-columns: minmax(0, 1fr);
  --mambo-layout-hero-split-columns: minmax(0, 1fr);
  --mambo-layout-list-card-columns: minmax(0, 1fr);
  --mambo-layout-metadata-columns: minmax(0, 1fr);
  --mambo-layout-header-inline-padding: 1rem;
  --mambo-layout-page-inline-padding: 1rem;
  --mambo-layout-footer-inline-padding: 1rem;
  --mambo-layout-footer-direction: column;
  --mambo-collection-max-columns: 1;
  --mambo-sidebar-display: block;
  --mambo-sidebar-position: static;
  --mambo-sidebar-inline-display: block;
  --mambo-sidebar-rail-display: none;
  --mambo-header-display: flex;
  --mambo-header-grid-template: auto 1fr;
  --mambo-header-navigation-display: none;
  --mambo-header-navigation-direction: column;
  --mambo-header-navigation-position: absolute;
  --mambo-header-toggle-display: inline-flex;
  --mambo-header-clock-display: none;
  --mambo-header-hide-on-scroll: 1;
  --mambo-header-hide-after: 80;
}

:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 1) { --mambo-card-accent: var(--mambo-color-accent-10); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 2) { --mambo-card-accent: var(--mambo-color-accent-4); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 3) { --mambo-card-accent: var(--mambo-color-accent-3); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 4) { --mambo-card-accent: var(--mambo-color-accent-1); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 5) { --mambo-card-accent: var(--mambo-color-accent-11); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 6) { --mambo-card-accent: var(--mambo-color-accent-12); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 7) { --mambo-card-accent: var(--mambo-color-accent-7); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 8) { --mambo-card-accent: var(--mambo-color-accent-6); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 9) { --mambo-card-accent: var(--mambo-color-accent-5); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 10) { --mambo-card-accent: var(--mambo-color-accent-8); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 11) { --mambo-card-accent: var(--mambo-color-accent-9); }
:is([data-mambo-collection], [data-mambo-columns]) > [data-mambo-accent-item]:nth-child(12n + 12) { --mambo-card-accent: var(--mambo-color-accent-2); }

[data-mambo-collection][data-columns="1"] { --mambo-collection-columns: 1; }
[data-mambo-collection][data-columns="2"] { --mambo-collection-columns: 1; }
[data-mambo-collection][data-columns="3"] { --mambo-collection-columns: 1; }
[data-mambo-collection][data-columns="4"] { --mambo-collection-columns: 1; }
[data-mambo-collection][data-columns="5"] { --mambo-collection-columns: 1; }
[data-mambo-collection][data-columns="6"] { --mambo-collection-columns: 1; }

[data-mambo-columns][data-collapse="compact"],
[data-mambo-columns][data-collapse="content"],
[data-mambo-columns][data-collapse="wide"] {
  --mambo-layout-columns-template: minmax(0, 1fr);
}
[data-mambo-columns][data-collapse="never"] {
  --mambo-layout-columns-template: repeat(var(--mambo-column-count, 2), minmax(0, 1fr));
}


@media (min-width: 640px) {
  :root {
    --mambo-type-navigation-size: 1.25rem;
    --mambo-dimension-main-top-padding: 7.5rem;
    --mambo-dimension-header-height: 4.5rem;
    --mambo-layout-list-card-columns: minmax(8rem, 0.3fr) minmax(0, 1fr);
    --mambo-layout-metadata-columns: minmax(7rem, 0.25fr) minmax(0, 1fr);
    --mambo-layout-header-inline-padding: 1.5rem;
    --mambo-layout-page-inline-padding: 1.5rem;
    --mambo-layout-footer-inline-padding: 1.5rem;
    --mambo-collection-max-columns: 2;
    --mambo-layout-footer-direction: row;
  }
  [data-mambo-collection][data-columns="1"] { --mambo-collection-columns: 1; }
  [data-mambo-collection][data-columns="2"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="3"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="4"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="5"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="6"] { --mambo-collection-columns: 2; }

  [data-mambo-columns][data-collapse="compact"] {
    --mambo-layout-columns-template: repeat(var(--mambo-column-count, 2), minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  :root {
    --mambo-layout-page-with-sidebar-columns: minmax(0, 1fr) var(--mambo-width-sidebar);
    --mambo-layout-hero-split-columns: minmax(var(--mambo-width-hero-image-min), 0.75fr) minmax(0, 1.25fr);
    --mambo-collection-max-columns: 2;
    --mambo-sidebar-display: block;
    --mambo-sidebar-position: sticky;
    --mambo-sidebar-inline-display: none;
    --mambo-sidebar-rail-display: block;
    --mambo-header-display: grid;
    --mambo-header-grid-template: auto 1fr auto;
    --mambo-header-navigation-display: flex;
    --mambo-header-navigation-direction: row;
    --mambo-header-navigation-position: static;
    --mambo-header-toggle-display: none;
    --mambo-header-clock-display: flex;
  }
  [data-mambo-collection][data-columns="1"] { --mambo-collection-columns: 1; }
  [data-mambo-collection][data-columns="2"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="3"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="4"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="5"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="6"] { --mambo-collection-columns: 2; }

  [data-mambo-columns][data-collapse="content"] {
    --mambo-layout-columns-template: repeat(var(--mambo-column-count, 2), minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  :root {
    --mambo-collection-max-columns: 6;
  }
  [data-mambo-collection][data-columns="1"] { --mambo-collection-columns: 1; }
  [data-mambo-collection][data-columns="2"] { --mambo-collection-columns: 2; }
  [data-mambo-collection][data-columns="3"] { --mambo-collection-columns: 3; }
  [data-mambo-collection][data-columns="4"] { --mambo-collection-columns: 4; }
  [data-mambo-collection][data-columns="5"] { --mambo-collection-columns: 5; }
  [data-mambo-collection][data-columns="6"] { --mambo-collection-columns: 6; }

  [data-mambo-columns][data-collapse="wide"] {
    --mambo-layout-columns-template: repeat(var(--mambo-column-count, 2), minmax(0, 1fr));
  }
}