@import url("https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css");
@import url("https://unpkg.com/open-props@1.7.17/open-props.min.css");
@import url("https://cdn.jsdelivr.net/npm/@picocss/pico@2.1.1/css/pico.min.css");

/* Layered site styles */
@import url("./styles/tokens.css");
@import url("./styles/base.css");
@import url("./styles/layout.css");
@import url("./styles/components.css");
@import url("./styles/sections/hero.css");
@import url("./styles/sections/problem.css");
@import url("./styles/sections/how-it-works.css");
@import url("./styles/sections/demo.css");
@import url("./styles/sections/infrastructure.css");
@import url("./styles/sections/early-access.css");
@import url("./styles/themes.css");

/* Demo page overrides (unchanged) */
main.demo-page {
  .add-inclusion {
    border: var(--border-size-0) solid var(--gray-1);
    /* border-radius: var(--radius-blob-5); */
    padding-inline: var(--size-3);
    box-shadow: var(--shadow-2);
    font-size: var(--font-size-4);
    opacity: 75%;
  }

  .segment-rule:not(:first-child) {
    padding-top: var(--size-4);
    border: none;
    border-top: var(--border-size-1) solid var(--gray-3);
  }

  section {
    padding-top: var(--size-10);
  }

  h1 {
    --pico-font-size: var(--size-10);
    --pico-font-family: var(--font-mono);
  }

  article {
    border: 1px solid var(--surface-1);
    --pico-border-radius: var(--radius-3);
    --pico-card-box-shadow: var(--shadow-4);
  }

  input,
  select {
    --pico-border-width: 0;
    --pico-form-element-placeholder-color: var(--stone-12);
    --pico-font-weight: var(--font-weight-2);
  }

  button[type=submit] {
    width: auto;
  }
}