/* Fonts */
@font-face {
    font-family: 'Polysans Neutral';
    src: url('../external/cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b4a66d22e2c49832621144_PolySans-Neutral.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Slim';
    src: url('../external/cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b4a66da54786325597bf31_PolySans-Slim.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Neutral Mono';
    src: url('../external/cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b5e8b95fd9e34f78a1c7de_PolySans-NeutralMono.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Median';
    src: url('../external/cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b5e8b9a5fb33f679d14c62_PolySans-Median.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --md-text-font: "Polysans Neutral";
}


/* Themes */
[data-md-color-primary="glean-blue"] {
    /* General color scheme overrides */
    --md-primary-fg-color: #343CED;
    --md-primary-fg-color--light: #9297F4;
    --md-primary-fg-color--lighter: #bdbcf6;
    --md-primary-fg-color--lightest: #e3e2fa;
    --md-primary-fg-color--dark: #0E149F;
    --md-primary-fg-color--darker: #090E6A;
    --md-primary-fg-color--darkest: #050735;
    --md-primary-bg-color: hsla(0, 0%, 100%, 1);
    --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);

    /* custom properties */
    --md-hero-bg-color: #050735;
    /* --hero-text-gradient: linear-gradient(to right,#343CED,#7303c0, #ec38bc); */
    /* --hero-text-gradient: linear-gradient(to right,#343CED, #ec38bc); */
    --hero-text-gradient: linear-gradient(to right, #9297F4, #FF8591);
}

[data-md-color-scheme="glean"] {
    /* Light mode specific overrides here */
    --a-custom-variable: #000;
}

[data-md-color-scheme="slate"] {
    /* Dark mode specific overrides here */
    --md-typeset-a-color: #9297F4;
    --md-default-bg-color: #000;

    .md-typeset .grid.cards > ul > li{
        border-radius: 0.75rem;
        border-color: rgb(255, 255, 255, 0.2);
    }
    
}

.md-info {
    /* Blue announcement banner - light blue bg with blue text */

    background-color: #659bff;
    color: rgb(12, 74, 189);
}

h1,
h2,
h3,
h4 {
    font-weight: 700 !important;
}



.glean-search-box--hero {
    width: calc(100% - 20px);
    /* Adjust width to account for padding */
    height: 70px;
    /* Keep the original height */
    margin: auto;
    display: block;
    position: relative;
    box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
}

.search-box-container {
    margin: 10px 10px 10px -10px;
    /* Same as the padding you want around the iframe */
}

/* Not used - used for autocomplete search embedded in the search bar. */
.glean-search-box--compact {
    width: 100%;
    height: 35px;
    margin: auto;
    display: block;
    position: relative;
    box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
}

.glean-search-box--results {
    width: 100%;
    height: 60px;
    display: block;
    position: relative;
}

.glean-search-results {
    width: 100%;
    height: 700px;
    padding-top: 30px;
}

.landing-example-terms {
    /* color: var(--md-primary-fg-color--light); */
    font-family: "Noto Sans Mono", monospace;
    font-weight: 400 !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    background-size: cover !important;
    background-image: var(--hero-text-gradient) !important;
}

.landing-example-terms--container .twemoji {
    display: inline-block;
    transform: scale(0.65);
}

.hero-links {
    color: #fff;
}

.hero-links a {
    color: #9297F4;
}

.hero-title {
    font-family: 'Polysans Slim', sans-serif;
    font-size: 2.3rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-align: center;
    margin-bottom: 0.5rem;
}

.md-header__cta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: 1rem;
  margin-left: 1rem;
}

.md-header__cta-link {
  color: var(--md-default-fg-color--light);
  font-size: 0.65rem;
  text-decoration: none;
}

.md-header__cta-link:hover {
  color: var(--md-default-fg-color);
}

.md-header__cta .md-button--primary {
  background-color: #4255FF;
  color: white;
  padding: 0.4rem 0.675rem;
  border-radius: 30px;
  display: flex;
  align-items: center;
  /* gap: 0.5rem; */
  font-size: 0.65rem;
}

.md-header__cta .md-button--primary:hover {
  background-color: #3445E5;
}

/* Search bar styling */
.md-search__form {
    background-color: #4B4BF7;  /* Same as button color */
    border-radius: 8px;
}

.md-header__button.md-icon svg {
  width: 0.85rem;
  height: auto;
}

.hero-subtitle {
    font-family: 'Polysans Slim', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-align: center;
    margin-bottom: 1rem;
}

.hero-example-search-terms {
    font-family: 'Polysans Neutral Mono', monospace;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    background-size: cover !important;
    background-image: linear-gradient(to right, #d8fd49, #c3ff9e) !important;
    text-align: center;
}

.hero-example-search-terms--container i {
    display: inline-block;
    text-align: center;
}

.search-container {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
}

.search-wrapper {
    position: relative;
    margin-bottom: 1rem;
}

.glean-search-box--hero {
    width: 100%;
    padding: 1rem 1.5rem 1rem 5rem;
    font-size: 0.75rem;
    background: white;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    outline: none;
    transition: box-shadow 0.2s;
    color: #000;
}

.search-button {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.75rem;
    color: white;
    background: #2563eb;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
    cursor: pointer;
    transition: all 0.2s;
    z-index: 2;
}

.landing-section-title {
    font-family: 'Polysans Neutral', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 0.5rem;
}

.landing-section-subtitle {
    font-family: 'Polysans Neutral', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}

.landing-section-headings {
    margin-bottom: 2rem;
    margin-top: 1rem;
    text-align: center;
}

.landing-getting-started-card {
    background: url('/images/get-started-bg.png') center/cover;
}

.md-typeset .grid.cards > ul > li{
    border-radius: 0.75rem;
}

.md-typeset .grid.cards > ul > li:hover {
    border: .05rem solid #9297F4;
}