/* Explain: Classic base reset and typography defaults for JTC Atlantic */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    color: var(--text-color);
    scroll-padding-top: 96px;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-feature-settings: "liga" 1, "kern" 1;
    text-rendering: optimizeLegibility;
    background:
        radial-gradient(circle at 8% 0%, rgba(184, 148, 77, 0.14), transparent 30rem),
        linear-gradient(180deg, var(--background-color), #FBF7ED 44%, var(--background-color));
}

body.auth-pending {
    visibility: hidden;
}

body.auth-ready {
    visibility: visible;
}

img {
    display: block;
    max-width: 100%;
}

a {
    text-decoration: none;
}

button,
a,
summary {
    -webkit-tap-highlight-color: transparent;
}

button,
summary,
[role="button"] {
    cursor: pointer;
}

::selection {
    background: var(--copper-color);
    color: var(--deep-pine-color);
}

[x-cloak] {
    display: none !important;
}