:root {
    --font-family: "Inter", "Segoe UI", "Helvetica Neue", sans-serif;

    --page-bg: #f4f4f4;
    --surface: #ffffff;
    --text: #222222;
    --text-muted: #666666;
    --header-bg: #005ba0;
    --border: #808080;

    --on-header: #ffffff;
    --on-accent: #ffffff;

    --grey-selected: #edebe9;
    --grey-hover: #e8e9ea;
    /* Data grid row pointer highlight — stronger than --grey-hover so rows read clearly on white / alternate striping */
    --grid-row-hover: #b8d4f0;
    --grey-bar: #f2f2f0;
    --grey-dark: #C8C6C6;

    --blue-base: #005ba0;
    --blue-light: #e6f2fb;
    --blue-selected: #004D87;
    --blue-hover: #004682;
    --blue-link: #005ba0;
    --blue-mid: #4D92CA;
    --blue-soft: #69a3cf;
    --blue-deep: #294694;

    --purple-light: #4a6fa5;
    --purple-hover: #1a3a5c;

    --card-base: #ffffff;
    --card-color: #222;
    --card-accent: #e0e0e0;
    --card-accent-light: #f1f2f3;

    --button-base: #ffffff;
    --button-accent: #e0e0e0;
    --button-color: #222;

    --row-stripe: #f4f4f4;
    --row-hover: #bcbcbc;
    --nav-owner-highlight: #f3f2f1;

    --grid-row: #ffffff;
    --grid-row-alt: #f0f0f0;
    --grid-border: #c0c0c0;
    --grid-frame: #e0e0e0;

    --menu-hover: #cfe3f5;
    --menu-hover-text: #004d87;
    --menu-divider: #d0d0d0;

    color-scheme: light;
}