/* Frontoffice Theme Token Overrides ******************************************/
/* These override Quipu base tokens for the Partner Center Frontoffice theme. */
html, body {
    font-size: 16px;
}

:root {
    /* || Colors || */
    --quipu-color-bg-background: #ffffff;
    --quipu-color-overlay-default: #00000059;
    --quipu-color-overlay-subtle: #ffffff80;
    /* Primary Brand Color - Frontoffice Blue */
    --quipu-color-bg-main: #176798;
    --quipu-color-fg-main: #176798;
    --quipu-color-border-main: #176798;
    /* Hover/Active states for primary */
    --quipu-color-bg-main-hover: #135A7A;
    --quipu-color-bg-main-active: #0F4660;
    /* Warning/Orange - Frontoffice Orange */
    --quipu-color-bg-warning: #F4B206;
    --quipu-color-fg-warning: #F4B206;
    --quipu-color-border-warning: #F4B206;
    /* || Typography - Font Families || */
    --quipu-fontFamily-body: 'Inter', sans-serif;
    --quipu-fontFamily-heading: 'Trebuchet MS', Arial, sans-serif;
    /* || Typography - Headings || */
    /* All headings use Trebuchet MS, weight 400 */
    --quipu-fontWeight-heading: 400;
    /* || Typography || */
    --quipu-heading-2xl: var(--quipu-fontWeight-heading) 2.5rem/2.7rem var(--quipu-fontFamily-heading);
    --quipu-heading-xl: var(--quipu-fontWeight-heading) 2rem/2.4rem var(--quipu-fontFamily-heading);
    --quipu-heading-lg: var(--quipu-fontWeight-heading) 1.75rem/2.1rem var(--quipu-fontFamily-heading);
    --quipu-heading-md: var(--quipu-fontWeight-heading) 1.5rem/1.8rem var(--quipu-fontFamily-heading);
    --quipu-heading-sm: var(--quipu-fontWeight-heading) 1.25rem/1.5rem var(--quipu-fontFamily-heading);
    --quipu-heading-xs: var(--quipu-fontWeight-heading) 1rem/1.2rem var(--quipu-fontFamily-heading);
    --quipu-body-sm: 400 0.875rem/1.125rem var(--quipu-fontFamily-body);
    --quipu-body-md: 400 1rem/1.6rem var(--quipu-fontFamily-body);
    --quipu-body-lg: 400 1.125rem/2rem var(--quipu-fontFamily-body);
    --quipu-label-xs: 500 0.625rem/1rem var(--quipu-fontFamily-body);
    --quipu-label-xs-emphasis: 700 0.625rem/1rem var(--quipu-fontFamily-body);
    --quipu-label-sm: 500 0.75rem/1rem var(--quipu-fontFamily-body);
    --quipu-label-sm-emphasis: 600 0.75rem/1rem var(--quipu-fontFamily-body);
    --quipu-label-sm-subtle: 400 0.75rem/1rem var(--quipu-fontFamily-body);
    --quipu-label-md: 500 0.875rem/1.125rem var(--quipu-fontFamily-body);
    --quipu-label-md-emphasis: 600 0.875rem/1.125rem var(--quipu-fontFamily-body);
    --quipu-label-md-subtle: 400 0.875rem/1.125rem var(--quipu-fontFamily-body);
    --quipu-label-lg: 500 1rem/1.25rem var(--quipu-fontFamily-body);
    --quipu-label-lg-emphasis: 600 1rem/1.25rem var(--quipu-fontFamily-body);
    --quipu-label-lg-subtle: 400 1rem/1.25rem var(--quipu-fontFamily-body);
    /* || Sidebar-specific tokens (custom for Frontoffice) || */
    --frontoffice-sidebar-background: #2288BF;
    --frontoffice-sidebar-active: #1F7DB0;
    --frontoffice-sidebar-hover: #1F7DB0;
    --frontoffice-sidebar-divider: #19668F;
    --frontoffice-sidebar-active-border: #DC8409;
    --frontoffice-topbar-border: #D0D0D0;
    /* 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. */
}