/* inherit the full gitea-dark variable set, then override brand colors below */
@import url("/assets/css/theme-gitea-dark.css");

:root[data-theme=rethink] {
     /* base background colors - cool blue-black, derived from rich blue #061541 */
     --color-body: #0a0f1f;
     --color-box-body: #0e1730;
     --color-box-body-highlight: #122046;
     --color-box-header: #061541;
     --color-content-bg: #0a0f1f;
     --color-content-bg-hovered: #122046;
     --color-content-bg-soft: #0e1730;
     --color-content-bg-active: #122046;
     --color-content-bg-inactive: #0e1730;

     /* primary brand colors - profit blue #569bcc */
     --color-primary: #569bcc;
     --color-primary-contrast: #ffffff;
     --color-primary-dark-1: #4a8cbb;
     --color-primary-dark-2: #345789;
     --color-primary-dark-3: #294274;
     --color-primary-dark-4: #294274;
     --color-primary-dark-5: #1f3258;
     --color-primary-dark-6: #1a2a4a;
     --color-primary-dark-7: #14213d;
     --color-primary-light-1: #6ba9d5;
     --color-primary-light-2: #80b6dd;
     --color-primary-light-3: #95c4e5;
     --color-primary-light-4: #aad1ec;
     --color-primary-light-5: #bfdef3;
     --color-primary-light-6: #d4ebfa;
     --color-primary-light-7: #e9f5fc;
     --color-primary-alpha-10: rgba(86, 155, 204, 0.1);
     --color-primary-alpha-20: rgba(86, 155, 204, 0.2);
     --color-primary-alpha-30: rgba(86, 155, 204, 0.3);
     --color-primary-alpha-40: rgba(86, 155, 204, 0.4);
     --color-primary-alpha-50: rgba(86, 155, 204, 0.5);
     --color-primary-alpha-60: rgba(86, 155, 204, 0.6);
     --color-primary-alpha-70: rgba(86, 155, 204, 0.7);
     --color-primary-alpha-80: rgba(86, 155, 204, 0.8);
     --color-primary-alpha-90: rgba(86, 155, 204, 0.9);

     /* secondary - royal cobalt #294274 */
     --color-secondary: #294274;
     --color-secondary-dark-1: #345789;
     --color-secondary-dark-2: #3f6b9e;
     --color-secondary-dark-3: #4a7fb3;
     --color-secondary-dark-4: #569bcc;
     --color-secondary-light-1: #243a66;
     --color-secondary-light-2: #1f3258;
     --color-secondary-light-3: #1a2a4a;
     --color-secondary-light-4: #14213d;

     /* text - near-white for clarity, profit white as muted */
     --color-text: #eef1f6;
     --color-text-dark: #ffffff;
     --color-text-light: #cecfce;
     --color-text-light-1: #b6c0d4;
     --color-text-light-2: #93a0bb;
     --color-text-light-3: #6f7d9a;
     --color-text-light-4: #4c5872;

     /* links - classic blue #55bbff leads, electric blue on hover */
     --color-link: #55bbff;
     --color-link-hover: #80cdff;
     --color-link-active: #02e0f9;

     /* borders - subtle, cobalt-tinted but darker so boxes don't look outlined */
     --color-secondary-button: #345789;
     --color-secondary-hover: #569bcc;
     --color-secondary-active: #55bbff;
     --color-border: #1c2b50;
     --color-border-secondary: #16223f;
     --color-light-border: #16223f;
     --color-light: rgba(85, 187, 255, 0.08);
     --color-light-mimic-enabled: rgba(85, 187, 255, 0.04);

     /* inputs - carbon gray #1d1d1b */
     --color-input-text: #eef1f6;
     --color-input-background: #1d1d1b;
     --color-input-border: #34342f;
     --color-input-border-hover: #55bbff;
     --color-input-toggle-background: #1d1d1b;

     /* navbar - rich blue chrome like the logo backdrop */
     --color-nav-bg: #061541;
     --color-nav-hover-bg: #122046;
     --color-nav-text: #eef1f6;

     /* footer */
     --color-footer: #061541;

     /* menus / dropdowns - carbon gray surface, blue accent on selected */
     --color-menu-background: #1d1d1b;
     --color-hover: #2b2b29;
     --color-active: #16264e;
     --color-active-line: #55bbff;

     /* selection / highlight - classic blue accent leads */
     --color-accent: #55bbff;
     --color-small-accent: #02e0f9;
     --color-text-highlight-bg: rgba(85, 187, 255, 0.25);

     /* status */
     --color-info: #55bbff;
     --color-info-bg: rgba(85, 187, 255, 0.12);
     --color-info-border: #55bbff;
     --color-info-text: #9bd5ff;
     --color-success: #3fb950;
     --color-success-bg: rgba(63, 185, 80, 0.12);
     --color-success-border: #3fb950;
     --color-success-text: #57d669;

     /* code */
     --color-code-bg: #0e1730;
     --color-code-sidebar-bg: #061541;
     --color-markup-code-block: #0e1730;
     --color-markup-code-inline: #122046;

     /* expand button shades */
     --color-expand-button: #16264e;
}

/* selection highlight uses the classic-blue accent */
:root[data-theme=rethink] ::selection {
     background: rgba(85, 187, 255, 0.30);
}

/* active nav item / underline accent in classic blue */
:root[data-theme=rethink] .secondary-nav .item.active,
:root[data-theme=rethink] .ui.tabular.menu .active.item {
     border-color: #55bbff;
     color: #55bbff;
}