:root {
    /* Brand colors (theme-specific variants) */
    --senzing-royal: #003D89;
    --senzing-scarlet: #F43014;
    --senzing-gold: #FFC60D;
    --senzing-green: #8DC435;

    /* Backgrounds */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;

    /* Text */
    --text-primary: #1A1A1C;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;

    /* Inline code */
    --inline-code-bg: #e1e4e8;
    --inline-code-text: #1a1a1a;

    /* Scrollbar */
    --scrollbar-track: #f0f0f0;
    --scrollbar-thumb: #c0c0c0;
    --scrollbar-thumb-hover: #a0a0a0;

    /* Interactive accents — WCAG AA compliant on white (5.01:1 contrast ratio) */
    --hover-accent: #007A91;
    --link-hover-color: #007A91;
    --active-item-text: white;

    /* Shadows */
    --img-shadow: rgba(0, 0, 0, 0.1);
    --img-shadow-hover: rgba(0, 0, 0, 0.15);
    --card-hover-shadow: rgba(0, 61, 137, 0.1);
    --linkbox-hover-shadow: rgba(0, 61, 137, 0.1);
    --notice-shadow: rgba(0, 0, 0, 0.1);
    --dropdown-shadow: rgba(0, 0, 0, 0.15);
    --mobile-sidebar-shadow: rgba(0, 0, 0, 0.3);

    /* Search */
    --search-mark-bg: var(--senzing-gold);
    --search-mark-text: var(--senzing-black);
    --search-active-border: var(--senzing-royal);

    /* Selection */
    --selection-bg: var(--senzing-royal);
    --selection-text: white;

    /* Doc card icons */
    --icon-default-bg: var(--bg-tertiary);
    --icon-warning-bg: #fff3e0;
    --icon-warning-color: #ff9800;
    --icon-danger-bg: #ffebee;
    --icon-success-bg: #e8f5e9;
    --icon-info-bg: #e3f2fd;

    /* Warning accent */
    --warning-color: #ff9800;
}