/* ========================================
   Graphika — Variables
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');

:root {

    /* ------------------------------------
       Layout
       ------------------------------------ */

    --content-max-width: 1200px;

    --grid-columns: 9;
    --grid-gutter: 24px;

    --page-padding: clamp(24px, 8.333vw, 120px);


    /* ------------------------------------
       Hero
       ------------------------------------ */

    --hero-height: 100vh;


    /* ------------------------------------
       Colours
       ------------------------------------ */

    --color-background: #794028;
    --color-surface: #F3EBDD;

    --color-text: #F3EBDD;
    --color-text-dark: #241F1C;

    --color-muted: rgba(243, 235, 221, 0.65);


    /* ------------------------------------
       Typography
       ------------------------------------ */

    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;


    /* ------------------------------------
       Motion
       ------------------------------------ */

    --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);

}