:root {
    color-scheme: light;

    --blue: #0872b9;
    --blue-dark: #07578f;
    --blue-deep: #063f6d;
    --blue-soft: #e8f3f8;
    --link: #0869a8;

    --accent: #e87318;
    --accent-hover: #c95f12;
    --context-accent: #287c72;
    --context-accent-strong: #1f675f;
    --context-soft: #e2f0ed;
    --surface-raised: #f8fafa;
    --surface-section: #e7eef0;
    --border-strong: #9fb4bc;
    --warning: #9b6517;
    --danger: #b42318;

    --page: #eef3f5;
    --panel: #ffffff;
    --page-heading-bg: #ffffff;
    --panel-border: #cad7dc;
    --line: #cad7dc;
    --line-soft: #dce5e8;
    --text: #102a3a;
    --muted: #587080;
    --content-subtle-bg: #f8fafa;
    --detail-header-bg: #edf5f3;

    --topbar-bg: linear-gradient(180deg, #0872b9, #075f9c);
    --topbar-text: #ffffff;
    --topbar-text-muted: #e8f5ff;
    --topbar-hover-bg: rgba(255, 255, 255, 0.12);
    --topbar-shadow: 0 1px 0 rgba(4, 54, 92, 0.34), 0 4px 14px rgba(5, 49, 82, 0.12);

    --header-bg: #e7eef0;
    --table-header-text: #385564;
    --hover-bg: #f3f7f7;
    --sort-hover-bg: #dce9e8;
    --row: #ffffff;
    --row-hover: #f3f7f7;
    --row-selected: #e3f0f1;
    --row-selected-accent: #287c72;

    --control-border: #b8c8ce;
    --control-border-hover: #789aa5;
    --control-bg: #f8fafa;
    --control-bg-hover: #edf4f3;
    --control-primary: #0872b9;
    --control-primary-hover: #07578f;
    --control-primary-shadow: 0 2px 6px rgba(7, 87, 143, 0.18);
    --control-disabled-text: #8d9aa7;

    --filter-chip-border: #cbd9dc;
    --filter-chip-bg: #f8fafa;
    --filter-chip-label: #587080;
    --filter-chip-remove-bg: #789098;
    --filter-scroll-color: #587080;
    --filter-scroll-disabled: #adbec3;

    --badge-border: #d6e0e3;
    --badge-bg: #f5f8f8;
    --badge-text: #587080;
    --avatar-border: #d1dee2;
    --avatar-bg: linear-gradient(180deg, #ffffff, #e7eef0);
    --avatar-placeholder-bg: #dce7ea;
    --avatar-placeholder-text: #294b58;
    --rank-border: #c5d3d7;
    --rank-bg: #ffffff;
    --rank-text: #536b74;

    --focus-ring: 0 0 0 3px rgba(8, 114, 185, 0.22);
    --focus-outline: rgba(8, 103, 168, 0.78);
    --shadow-panel: 0 12px 30px rgba(15, 54, 72, 0.12);
    --shadow-control: 0 2px 5px rgba(15, 67, 88, 0.12);

    --state-selected-bg: #e2f0ed;
    --state-selected-bg-hover: #d6e9e5;
    --state-selected-border: #9dc9c2;
    --state-selected-border-hover: #78ada5;
    --state-selected-text: #1f675f;
    --state-selected-icon: #287c72;

    --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;
}