:root {
    /* PRIMARY COLORS */
    --n-color-primary: #1b61ec;
    --n-color-primary-dark: #1255d9;
    /* TEXT COLORS */
    --n-color-link: #1b61ec;
    --n-color-text: #1f1f1f;
    --n-color-text-link: #1b61ec;
    --n-color-text-weaker: #727272;
    --n-color-text-weak: #404040;
    --n-color-text-inverse: #fff;
    --n-color-text-light: #404040;
    --n-color-text-lighter: #9b9b9b;
    --n-color-caption: #727272;
    /* NAVIGATION COLORS */
    --n-color-nav: #f8f9fa;
    --n-color-nav-surface: #f8f9fa;
    --n-color-nav-heading: #9b9b9b;
    --n-color-nav-hover: #eaeef0;
    /* BORDER COLORS */
    --n-color-border: #e3e3e8;
    --n-color-border-strong: #c5c4c5;
    /* SKIN COLORS */
    --n-color-surface: white;
    --n-color-negative: white;
    --n-color-background: #fff;
    /* STATUS COLORS */
    --n-color-status-warning: #f69b4c;
    --n-color-status-highlight: #fad775;
    --n-color-status-danger: #e05757;
    --n-color-status-success: #27b471;
    --n-color-status-info: #a752e0;
    --n-color-warning: #f69b4c;
    --n-color-info: #fad775;
    --n-color-alert: #e05757;
    --n-color-success: #27b471;
    --n-color-tertiary: #a752e0;
    --n-color-button-background: var(--n-color-surface);
    --n-box-shadow: 0 1px 3px rgba(12, 12, 12, 0.1);
    /* COLOR ALIASES */
    --n-color-button: var(--n-color-surface);
    --n-color-button-hover: var(--n-color-nav-surface);
    --n-color-border-hover: var(--n-color-text-weaker);
    --n-color-icon: var(--n-color-text-weaker);
    --n-color-icon-hover: var(--n-color-text);
    --n-color-active: var(--n-color-nav-surface);
    /* SKELETON COLORS */
    --n-color-skeleton: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    /* BOX SHADOW COLORS */
    --n-box-shadow: 0 1px 3px rgba(12, 12, 12, 0.1);
    --n-box-shadow-card: 0 0 0 1px var(--n-color-border), 0 1px 8px rgba(12, 12, 12, 0.05);
    --n-box-shadow-header: 0 1px 8px rgba(12, 12, 12, 0.05);
    --n-box-shadow-modal: 0 24px 38px 3px rgba(12, 12, 12, 0.14), 0px 9px 46px 8px rgba(12, 12, 12, 0.02), 0px 11px 15px -7px rgb(12, 12, 12, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
    --n-box-shadow-popout: 0 4px 12px rgba(12, 12, 12, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    --n-box-shadow-nav: 0 0 0 1px var(--n-color-border), 0 5px 17px rgba(12, 12, 12, 0.14);
}