/* ==========================================
   Fantasy CMS Theme Variables
   ========================================== */

:root {

    /* ======================================
       Colors
    ====================================== */

    --color-bg: #111111;

    --color-surface: #1B1B1B;

    --color-surface-2: #242424;


    --color-gold: #D4AF37;

    --color-gold-light: #F0D87A;


    --color-text: #FFFFFF;

    --color-text-sub: #BBBBBB;


    --color-border: #333333;


    --color-danger: #C0392B;

    --color-success: #27AE60;



    /* ======================================
       Layout
    ====================================== */

    --max-width: 1200px;


    --header-height: 80px;


    --section-padding: 100px;


    --radius: 12px;



    /* ======================================
       Shadow
    ====================================== */

    --shadow:

        0 10px 30px rgba(0,0,0,.35);



    /* ======================================
       Animation
    ====================================== */

    --transition:

        .3s ease;



    /* ======================================
       Font
    ====================================== */

    --font-main:

        "Noto Sans JP",
        "Yu Gothic",
        sans-serif;



    /* ======================================
       Modal
    ====================================== */

    --modal-width: 1100px;


    --modal-radius: 20px;


    --modal-overlay: rgba(0,0,0,.85);


    --z-modal: 9999;


}