/*
    Standard Values v1.3 | 04.04.2023
    "standard-values.css"
    by Valentin Müller
*/

@import url("https://use.typekit.net/cre5yfw.css");

/* CSS Properties [use in Stylesheet] */
:root {
    /* Colors:*/
    --c-primary-color: #fff4d9;
    --c-secondary-color: #493b17;
    --c-accent-color: #ffdf90;
    --c-background-color: #fffbf2;

    --c-error-color: red;
    --c-warning-color: yellow;
    --c-success-color: green;

    /* Fonts */
    --ft-heading-1: 3.5rem;
    --ft-heading-2: 3rem;
    --ft-heading-3: 1.8rem;
    --ft-standard-text: 1.2rem;
    --ft-small: 1rem;

    --standard-font: "Noka", sans-serif;

    font-family: var(--standard-font);

    --border-r-s: 5px;
    --border-r-m: 10px;
    --std-transition-time: 0.1s;
}

/* @media (prefers-color-scheme: dark) { */
/* Dark theme styles go here */
/* :root { */
/* Colors: */
/* --c-primary-color: hsl(215, 100%, 5%);
        --c-secondary-color: hsl(215, 100%, 71%);
        --c-accent-color: hsl(215, 100%, 2%);
        --c-tertiary-color: hsl(215, 100%, 60%);
        --c-text-color: #fff;

        --c-error-color: red;
        --c-warning-color: yellow;
        --c-success-color: green; */

/* Fonts */
/* --ft-heading-1: 3.5rem;
        --ft-heading-2: 3rem;
        --ft-heading-3: 1.8rem;
        --ft-standard-text: 1.2rem;

        --standard-font: 'Noka', sans-serif;

        font-family: var(--standard-font);
    }
} */

*:focus-within {
    outline: none;
}

body {
    font-family: var(--standard-font);
    font-size: var(--ft-standard-text);
    color: var(--c-font-color);
    line-height: 1.5;
}

* {
    font-family: var(--standard-font);
    font-size: var(--ft-standard-text);
}

a {
    color: var(--c-text-color);
}

a:focus {
    outline: 2px solid black;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Font Weights [use as classes in HTML] */

.ft-light {
    font-weight: 300;
}

.ft-medium {
    font-weight: 500;
}

.ft-bold {
    font-weight: 700;
}

.ft-accent {
    font-family: "louvette-display";
    color: var(--c-accent-color);
}

.ft-heading-1 {
    font-size: var(--ft-heading-1);
}

.ft-heading-2 {
    font-size: var(--ft-heading-2);
    margin-bottom: 1rem;
    text-align: left;
}

.ft-heading-3 {
    font-size: var(--ft-heading-3);
}

.ft-standard-text {
    font-size: var(--ft-standard-text);
}

.ft-small {
    font-size: var(--ft-small);
}

.ft-italic {
    font-style: italic;
}

.ft-center {
    text-align: center;
}

/* GOOGLE ICONS */

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
    user-select: none;
}

/* MOBILE VIEW */

@media only screen and (max-width: 600px) {
    :root {
        /* Fonts */
        --ft-heading-1: 2rem;
        --ft-heading-2: 2rem;
        --ft-heading-3: 1.8rem;
        --ft-standard-text: 1.2rem;

        --standard-font: "Noka", sans-serif;

        font-family: var(--standard-font);
    }
}

.cs-pointer {
    cursor: pointer;
}

.payment-icons {
    font-family: "payment-icons";
    font-size: 1.5rem;
    font-display: swap;
    /* border: 2px solid red;
    border-radius: 10px; */
}