:root {
    color-scheme: light;

    --blue: #0f73bd;
    --blue-dark: #0a3f75;
    --blue-deep: #07305d;
    --blue-soft: #e9f5ff;
    --link: #0b63a6;

    --accent: #f26a00;
    --accent-hover: #176fa8;

    --page: #edf3f8;
    --panel: #ffffff;
    --page-heading-bg: #ffffff;
    --panel-border: #d9e3ec;
    --line: #d9e1e9;
    --line-soft: #e2edf5;
    --text: #142844;
    --muted: #65758a;
    --content-subtle-bg: #fbfdff;
    --detail-header-bg: #f8fbfe;

    --topbar-bg: linear-gradient(180deg, #0874cb, #065fae);
    --topbar-text: #ffffff;
    --topbar-text-muted: #e8f5ff;
    --topbar-hover-bg: rgba(255, 255, 255, 0.12);
    --topbar-shadow: 0 2px 10px rgba(5, 42, 84, 0.24);

    --header-bg: #f1f7fc;
    --table-header-text: #38536f;
    --hover-bg: #f6fbff;
    --sort-hover-bg: #e4f0f9;
    --row: #ffffff;
    --row-hover: #f6fbff;
    --row-selected: #e6f4fd;
    --row-selected-accent: #2690d4;

    --control-border: #c3d1dd;
    --control-border-hover: #82a9c8;
    --control-bg: #fbfdff;
    --control-bg-hover: #eef7fd;
    --control-primary: #1873b5;
    --control-primary-hover: #0f5f99;
    --control-primary-shadow: 0 2px 6px rgba(18, 83, 132, 0.18);
    --control-disabled-text: #8d9aa7;

    --filter-chip-border: #d8e4ee;
    --filter-chip-bg: #fbfdff;
    --filter-chip-label: #66778a;
    --filter-chip-remove-bg: #8797a7;
    --filter-scroll-color: #64778a;
    --filter-scroll-disabled: #bac5cf;

    --badge-border: #dae5ee;
    --badge-bg: #f5f9fc;
    --badge-text: #64778a;
    --avatar-border: #dbe8f2;
    --avatar-bg: linear-gradient(180deg, #ffffff, #e9f2fa);
    --avatar-placeholder-bg: #dce8f2;
    --avatar-placeholder-text: #294966;
    --rank-border: #cbd8e3;
    --rank-bg: #ffffff;
    --rank-text: #596b7b;

    --focus-ring: 0 0 0 3px rgba(23, 105, 168, 0.22);
    --focus-outline: rgba(23, 105, 168, 0.72);
    --shadow-panel: 0 10px 28px rgba(15, 54, 92, 0.11);
    --shadow-control: 0 2px 5px rgba(18, 83, 132, 0.12);

    --social-like-border: rgba(49, 151, 100, 0.34);
    --social-like-border-hover: rgba(49, 151, 100, 0.55);
    --social-like-bg-hover: #f1fbf5;
    --social-like-active-border: rgba(49, 151, 100, 0.68);
    --social-like-active-bg: #e8f6ee;
    --social-like-active-text: #207247;
}