/* Copyright 2025 Subly Media Inc. All rights reserved */

/* Fonts - Adobe typefaces we license */
@import url('https://use.typekit.net/tlm6onf.css');

:root {
    /* ROrange */
    --subly-color-rorange: #FC4E0F;

    /* Twilight */
    --subly-color-twilight1: #464BA3;
    --subly-color-twilight2: #2C2E69;

    /* Ink */
    --subly-color-ink: #212121;

    /* White */
    --subly-color-white: #FFFFFF;
    --subly-color-white3: #F5F5F5;
    /*this is our newsprint background color */

    /* Green */
    --subly-color-green-lightest: #E5F5EA;
    --subly-color-green-lighter: #C1E6CC;
    --subly-color-green-light: #6CC68A;
    --subly-color-green: #199f53;
    --subly-color-green-dark: #007C38;

    /* Yellow */
    --subly-color-yellow-lightest: #FFF8E0;
    --subly-color-yellow-lighter: #FFECB3;
    --subly-color-yellow-light: #FFE082;
    --subly-color-yellow: #FFC005;
    --subly-color-yellow-dark: #846F43;

    /* Red */
    --subly-color-red-lightest: #FFEBEE;
    --subly-color-red-lighter: #FFCDD2;
    --subly-color-red-light: #EF9A9A;
    --subly-color-red: #EF5350;
    --subly-color-red-dark: #CE2C2C;

}

/* Background Colors: Twilight */
.subly-background-twilight1 {
    background-color: var(--subly-color-twilight1);
}

.subly-background-twilight2 {
    background-color: var(--subly-color-twilight2);
}

/*Background color: Rorange */
.subly-background-rorange {
    background-color: var(--subly-color-rorange);
}

/* Main CSS for the legal docs */

body {
    background-color: var(--subly-color-white3);
    color: var(--subly-color-ink);
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

h1 {
    font-weight: 700;
    font-style: normal;
    font-size: 128px;
    line-height: 1.0;
    letter-spacing: -0.04em;
}

h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

h5 {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

h6 {
    /*footer*/
    font-weight: 700;
    font-style: normal;
    font-size: 8px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

link {
    color: var(--subly-color-twilight1)
}

.container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 50px;
}

.section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    background-color: var(--subly-color-white3);
    margin-top: auto
}

/* Background: Named Colors */
.subly-background-color-rorange {
    background-color: var(--subly-color-rorange);
}

.subly-background-color-twilight1 {
    background-color: var(--subly-color-twilight1);
}

.subly-background-color-twilight2 {
    background-color: var(--subly-color-twilight2);
}

.subly-background-color-ink {
    background-color: var(--subly-color-ink);
}