:root {
    --background-color: #f8f9fa;
    --background-darkcolor: #f0f0f0;
    --border-color: #c6d9f1;
    --dark-color: #064475;
    --primary-color: #0e76bc;
    --secondary-color: #00aeef;
    --text-color: #212121;
    --text-color-readonly: #999;
    --grey-text-color: #A0A0A1;
    --grey-color: #e9e9e9;
    --info-color: #c6d9f1;
    --error-color: #dc3545;
    --success-color: #3cb371;
    --warning-color: #ff8c00;
    --readonly-background-color: #e9ecef;
    --transparent-border-color: rgba(198, 217, 241, 0.6);
    --rgb-primary-color: rgba(14,118,188, 0.6);
    --rgb-secondary-color: rgba(0,174,239, 0.6);
    font-family: 'Roboto', sans-serif;
    --surface-1: #f8f9fa;
    --label-font-size: 12px;
    --input-bg: white;
    --input-fg: var(--grey-color);
    --input-border: #c6d9f1;
}

body {
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: 0.88rem;
}