/*
==================================================
Miavo Studios Design Tokens
==================================================
*/

:root {

    /*
    |--------------------------------------------------------------------------
    | Colors
    |--------------------------------------------------------------------------
    */

    --color-white: #ffffff;
    --color-black: #111111;

    --color-primary: #0b1f33;
    --color-accent: #c9a96e;

    --color-text: #111111;
    --color-text-light: #666666;

    --color-background: #ffffff;

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

    --container-width: 1200px;

    --section-spacing: 120px;

    --border-radius: 12px;

    /*
    |--------------------------------------------------------------------------
    | Transition
    |--------------------------------------------------------------------------
    */

    --transition-fast: 0.2s ease;

    --transition-normal: 0.35s ease;

    /*
    |--------------------------------------------------------------------------
    | Shadow
    |--------------------------------------------------------------------------
    */

    --shadow-sm: 0 4px 16px rgba(0,0,0,.08);

}