:root {    
    --primary: #263B53;
    --secondary: #2A8ECC;
    --accent: #B5D6FF;
    --primary-fg: #FFF;
    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #444;
    --body-loud-color: #000;
    --header-color: #fff;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: var(--primary-fg);
    --breadcrumbs-fg: #000;
    --breadcrumbs-link-fg: var(--gray-institucional);
    --breadcrumbs-bg: var(--primary);
    --link-fg: #000;
    --link-hover-color: var(--a1-primary-light);
    --link-selected-fg: #000;
    --hairline-color: #e8e8e8;
    --border-color: #ccc;
    --error-fg: var(--negative-color);
    --message-success-bg: #dfd;
    --message-warning-bg: #ffc;
    --message-error-bg: #ffefef;
    --darkened-bg: #f8f8f8;
    --selected-bg: #e4e4e4;
    --selected-row: #D0D1D2;
    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: var(--a1-primary-dark);
    --default-button-bg: var(--secondary);
    --default-button-hover-bg: #fff;
    --close-button-bg: var(--primary-color);
    --close-button-hover-bg: var(--primary-dark-color);
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;
    --object-tools-fg: #fff;
    --object-tools-bg: var(--a1-primary);
    --object-tools-hover-bg: var(--a1-primary-dark);

    --a1-primary: #263B53;
    --a1-primary-contrast: #2A8ECC;
    --a1-primary-light: #015F69;
    --a1-primary-dark: #014047;
    --a1-institutional-gray: #8C8E90;
    --a1-negative: #DE6363;
    --a1-text-gray: #282829;
    --a1-hot-background: #E6E9EB;
}