/* Instance-specific styles for atom */

/* Import instance font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');

/* CSS Variables for instance customization */
:root {
    --instance-body-background-color: #000000;
    --instance-font-family: 'Montserrat', sans-serif;
    --instance-header-bg: rgba(38,51,76,1);
    --instance-header-height: 74px;

    /* Primary button colors */
    --instance-btn-primary-bg: #fff;
    --instance-btn-primary-color: black;
    --instance-btn-primary-border: #fff;
    --instance-btn-primary-hover-bg: rgba(88,101,205);

    /* Link and accent colors */
    --instance-link-color: rgba(88,101,205);

    /* Scroll button colors */
    --instance-scroll-btn-bg: rgba(88,101,205);
    --instance-scroll-btn-hover-bg: white;

    /* Register page */
    --instance-register-back-button-color: #00ff9d;
    --instance-register-bg: #fff;
    --instance-register-form-bg: rgba(255,255,255,0.8);
    --instance-register-btn-bg: rgba(38,51,76,1);
    --instance-register-btn-color: #fff;

    --instance-register-btn-hover-bg: rgba(88,101,205);
    --instance-register-btn-hover-color: #fff;
    
    --instance-register-plan-card-bg: #7bebc5;
    --instance-register-plan-card-border: #00ff9d;
    --instance-register-plan-card-text-color: black;
    --instance-register-input-border-color: rgba(38,51,76,1);
    --instance-register-step-bg: rgba(38,51,76,1);
    --instance-register-step-title-color: #fff;

    /* Toast colors */
    --instance-toast-success-bg: rgba(0,173,4,0.8);
    --instance-toast-success-color: white;
    --instance-toast-info-bg: #00ff9d;
    --instance-toast-info-color: white;
    --instance-toast-warning-bg: rgba(173,0,0,0.8);
    --instance-toast-warning-color: white;
}