:root {
    --micro-primary-color: rgb(50, 100, 165);
    --micro-primary-text-color: rgb(255, 255, 255);
    /* Evitar que se haga zoom en android */
    touch-action: pan-x pan-y;

    --font-family-sans-serif: "Space Grotesk" !important;
	--font-family-monospace: "Space Grotesk" !important;

    /* Colors */
    --success-background: #28a745;
    --success-border: #28a745;
    --success-color: #fff;
    --success-hover-background: #1d7c34;
    --success-hover-border: #1d7c34;
    --success-hover-color: #fff;
    
    --warning-background: #ffc107;
    --warning-border: #ffc107;
    --warning-color: #0a0a0a;
    --warning-hover-background: #dea809;
    --warning-hover-border: #dea809;
    --warning-hover-color: #0a0a0a;

    --danger-background: #dc3545;
    --danger-border: #dc3545;
    --danger-color: #fff;
    --danger-hover-background: #ca2636;
    --danger-hover-border: #ca2636;
    --danger-hover-color: #fff;

    --default-background: #f8f9fa;
    --default-border: #ddd;
    --default-color: #0a0a0a;
    --default-hover-background: #e5e6e8;
    --default-hover-border: #ddd;
    --default-hover-color: #0a0a0a;

    --primary-background: #007bff;
    --primary-border: #007bff;
    --primary-color: #FFF;
    --primary-hover-background: #0072ea;
    --primary-hover-border: #007bff;
    --primary-hover-color: #FFF;

    --secondary-background: #6c757d;
    --secondary-border: #6c757d;
    --secondary-color: #FFF;
    --secondary-hover-background: #616a72;
    --secondary-hover-border: #616a72;
    --secondary-hover-color: #FFF;

    --info-background: #17a2b8;
    --info-border: #17a2b8;
    --info-color: #FFF;
    --info-hover-background: #1494a8;
    --info-hover-border: #1494a8;
    --info-hover-color: #FFF;

    --light-background: #f8f9fa;
    --light-border: #f8f9fa;
    --light-color: #1f2d3d;
    --light-hover-background: #e8e9ea;
    --light-hover-border: #e8e9ea;
    --light-hover-color: #1f2d3d;

    --dark-background: #343a40;
    --dark-border: #343a40;
    --dark-color: #FFF;
    --dark-hover-background: #282d31;
    --dark-hover-border: #282d31;
    --dark-hover-color: #FFF;

    --disabled-background: #FFF;
    --disabled-border: #FFF;
    --disabled-color: #212529;
    --disabled-hover-background: #FFF;
    --disabled-hover-border: #FFF;
    --disabled-hover-color: #212529;
}