/*
==========================================================
ArianFile UI Kit
Core : Base
Version : 1.0.0
==========================================================
*/

/* ======================================================
   Reset & Box Sizing
====================================================== */

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

/* ======================================================
   HTML
====================================================== */

html{
    scroll-behavior:smooth;
}

/* ======================================================
   Body
====================================================== */

body{

    margin:0;
    padding:0;

    background:var(--af-bg);
    color:var(--af-text);

    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

}

/* ======================================================
   Media
====================================================== */

img,
picture{

    display:block;
    max-width:100%;
    height:auto;

}

svg{

    display:block;

}

/* ======================================================
   Links
====================================================== */

a{

    color:inherit;
    text-decoration:none;

    transition:var(--af-transition);

}

/* ======================================================
   Lists
====================================================== */

ul,
ol{

    margin:0;
    padding:0;

}

/* ======================================================
   Container
====================================================== */

.af-container{

    width:min(100% - 40px, var(--af-container));

    margin-inline:auto;

}

/* ======================================================
   Sections
====================================================== */

.af-section{

    padding-block:100px;

}

/* ======================================================
   Accessibility
====================================================== */

:focus-visible{

    outline:3px solid var(--af-primary);
    outline-offset:3px;

}

/* ======================================================
   Selection
====================================================== */

::selection{

    background:var(--af-primary);
    color:#fff;

}

/* ======================================================
   Anchor Offset
====================================================== */

[id]{

    scroll-margin-top:110px;

}

/* ======================================================
   Utilities
====================================================== */

.af-text-center{

    text-align:center;

}

.af-hidden{

    display:none !important;

}

.af-overflow-hidden{

    overflow:hidden;

}

.af-w-100{

    width:100%;

}