:root {
    /* Main colors */
    --primary-color: #071b51;
    --secondary-color: #00D0E0;
    --secondary-color-highlight: #00E0E0b1;
    --tertiary-color: #001040;
    --quaternary-color: #543FF0;
    --quaternary-color-highlight: #543FF0b1;
    --warning-color: red;
    --error-color: red;
    --error-color-light: rgb(172, 36, 36);
    --confirmation-color: green;
    --confirmation-color-light: rgb(87, 161, 87);
    --disabled-color: gray;
    /* Main app surfaces */
    --app-panel-bg: rgba(255, 255, 255, 0.96);
    --app-panel-bg-soft: #f7fbff;
    --app-panel-border: rgba(0, 208, 224, 0.35);
    /* Dark branded sections */
    --app-section-header-bg: #001040;
    --app-section-header-bg-alt: #071b51;
    /* Text */
    --app-text-primary: #111827;
    --app-text-muted: #5d667a;
    --app-text-on-dark: #ffffff;
    --app-text-accent: #00D0E0;
    /* Tables */
    --app-table-header-bg: rgba(255, 255, 255, 0.98);
    --app-table-row-alt-bg: rgba(255, 255, 255, 0.98);
    --app-table-row-bg: #f5f9ff;
    --app-table-row-hover-bg: #e9fbfd;
    --app-table-border: rgba(7, 27, 81, 0.16);
    /* Inputs */
    --app-input-bg: #ffffff;
    --app-input-border: rgba(7, 27, 81, 0.35);
    --app-input-focus: #543FF0;
    /* Box shadows */
    --secondary-color-box-shadow: inset 0 0 30px rgba(0, 208, 224, 0.08), 0 16px 34px rgba(0, 0, 0, 0.26), 0 0 18px rgba(0, 208, 224, 0.18);
}