/* =============================================================================
   PONDRMEET BASE STYLES
   ============================================================================= */

/* -----------------------------------------------------------------------------
   RESET
----------------------------------------------------------------------------- */

*,
*::before,
*::after{
    box-sizing:border-box;
}

/* -----------------------------------------------------------------------------
   HTML
----------------------------------------------------------------------------- */

html{
    -webkit-text-size-adjust:100%;
    scroll-behavior:smooth;
}

/* -----------------------------------------------------------------------------
   BODY
----------------------------------------------------------------------------- */

body{

    margin:0;

    background:var(--paper);

    color:var(--ink);

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

    font-size:16px;

    line-height:1.6;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* -----------------------------------------------------------------------------
   TYPOGRAPHY
----------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0;

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

    font-weight:500;

    line-height:1.15;

}

p{

    margin:0;

}

a{

    color:inherit;

    text-decoration:none;

}

strong{

    font-weight:600;

}

/* -----------------------------------------------------------------------------
   MEDIA
----------------------------------------------------------------------------- */

img{

    display:block;

    max-width:100%;

    height:auto;

}

picture{

    display:block;

}

/* -----------------------------------------------------------------------------
   FORMS
----------------------------------------------------------------------------- */

button,
input,
textarea,
select{

    font:inherit;

}

/* -----------------------------------------------------------------------------
   LISTS
----------------------------------------------------------------------------- */

ul,
ol{

    margin:0;

    padding:0;

    list-style:none;

}

/* -----------------------------------------------------------------------------
   TABLES
----------------------------------------------------------------------------- */

table{

    border-collapse:collapse;

    border-spacing:0;

}

/* -----------------------------------------------------------------------------
   ACCESSIBILITY
----------------------------------------------------------------------------- */

:focus-visible{

    outline:3px solid var(--gold);

    outline-offset:4px;

}

/* -----------------------------------------------------------------------------
   UTILITIES
----------------------------------------------------------------------------- */

.container{

    width:min(var(--container-width),92%);

    margin-inline:auto;

}

.hidden{

    display:none;

}

/* -----------------------------------------------------------------------------
   REDUCED MOTION
----------------------------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){

*,
*::before,
*::after{

    animation:none !important;

    transition:none !important;

    scroll-behavior:auto;

}

}