/* SIMS Theme Token Overrides ***************************/
/* These override Quipu base tokens for the Sims theme. */

:root {
    /* || Colors || */
    --quipu-color-bg-appbar: #1C98D0;
    --quipu-color-bg-background: #ffffff;

    /* Primary Brand Color - Informat Blue */
    --quipu-color-bg-main: #1C98D0;
    --quipu-color-bg-main-subtle: #f3f9fb;
    --quipu-color-bg-main-subtle-active: #dcecf1;
    --quipu-color-fg-main: #1C98D0;
    --quipu-color-border-main: #1C98D0;
    /* Hover/Active states for primary */
    --quipu-color-bg-main-hover: #1787BA;
    --quipu-color-bg-main-active: #ECA846; /* Tertiary - Informat Orange */
    /* Secondary - Informat Green */
    --quipu-color-bg-neutral: #C3CF02;
    --quipu-color-fg-neutral: #C3CF02;
    /* Info color */
    --quipu-color-bg-info: #0690d9;
    --quipu-color-fg-info-strong: #0690d9;
    /* Success color */
    --quipu-color-bg-success: #98c700;
    /* Warning color */
    --quipu-color-bg-warning: #e69f00;
    /* Error color */
    --quipu-color-bg-error: #e53600;
    --quipu-color-fg-error-strong: #e53600;
    /* Text Primary color */
    --quipu-color-fg-default: #4c5b78;
    /* || Typography || */
    /* H1: 1.802rem, weight 400 */
    --quipu-fontSize-heading-2xl: 1.802rem;
    --quipu-fontWeight-heading: 400;
    /* Subtitle1: 0.9rem */
    --quipu-fontSize-body-lg: 0.9rem;
    /* || Layout || */
    /* Root font size, i.e. what 1rem means. The Quipu tokens are authored against a
       16px root, so this theme renders every rem-based token at 87.5% of its design value.
       Kept at 14px deliberately: changing it is a separate, QA-heavy call (see issue #15291).
       Applied by QuipuThemeProvider.razor.css, which ships in CoreComponents.bundle.css so
       Storybook picks it up on a theme switch too. */
    --sims-root-font-size: 14px;

    /* Temporary fix until we get the latest version from Quipu - 26/03/2026 */
    --quipu-tabs-color-bg-hover: rgb(191, 226, 251); /** Background color for tab hover state. */

    /* Foreground for the accented app-bar actions (add, save), which stand out from the neutral
       white of the other icons. Carried over from the greenyellow literal the old EditAppBar
       hardcoded, so the bar looks unchanged after the SimsAppBar consolidation (#15612).

       Inherited, not designed: legacy Informat skins the Telerik command row the same way - a
       #1C98D0 bar with a #ADFF2F icon (informat/CSS/Informat.*.css, `.rgCommandRow`). Note that
       "Informat Green" above is a different colour (#C3CF02), so do not conflate the two.

       TEMPORARY. Not a Quipu token because none of the six preserves the existing look. Measured
       WCAG contrast against the app bar (--quipu-color-bg-appbar, #1C98D0), using each token's
       value AS THIS THEME RESOLVES IT - this file overrides some of them, so reading the numbers
       off quipu-tokens.css alone gives a different (and here irrelevant) answer:

         graphic-success    rgb(41, 167, 0)     1.03   effectively invisible
         fg-success         rgb(30, 131, 0)     1.50
         border-success     rgb(30, 131, 0)     1.50
         bg-success         #98c700             1.63   SIMS value, see line 25 - NOT the Quipu
                                                       base rgb(30, 131, 0), which measures 1.50
         fg-success-strong  rgb(26, 97, 10)     2.34
         bg-success-subtle  rgb(215, 249, 208)  2.84
         this value         rgb(173, 255, 47)   2.65

       Note bg-success-subtle scores HIGHER than the value kept here, so "no Quipu token is usable"
       would be false - it is a near-white mint that does carry on the blue. It is rejected on
       appearance, not contrast: it reads as off-white next to the neutral white icons rather than
       as a green accent, which is the opposite of the "look unchanged" goal. If the accent is
       dropped (see below) that objection disappears with it.

       Every one of these, including the value kept, is below the WCAG 3.0 threshold for non-text
       UI. Design has proposed --quipu-color-fg-inverse (white, 3.26) instead, which would retire
       this token and the wrapper span in SimsAppBar. Pending that decision - see #15619. */
    --sims-color-fg-appbar-accent: rgb(173, 255, 47);
}

.mud-tooltip.core-tooltip-content {
    background-color: var(--quipu-color-bg-main);    
}

.core-tooltip-content.mud-tooltip.mud-tooltip-arrow::after {
    border-color: var(--quipu-color-bg-main) transparent transparent transparent;
}