/* 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 - Body Text || */
    /* Default body text: Inter, 16px, weight 300, line-height 1.5 */
    --quipu-fontSize-body-md: 1rem; /* 16px */
    --quipu-lineHeight-body-md: 1.5;
    --quipu-fontWeight-body: 400;
    /* Body2: Inter, 0.875em, weight 400 */
    --quipu-fontSize-body-sm: 0.875rem;
    --quipu-fontWeight-labelSubtle: 400; /* Used for body2-like weights */
    /* || Typography - Headings || */
    /* All headings use Trebuchet MS, weight 400 */
    --quipu-fontWeight-heading: 400;
    /* H1: clamp(2.875rem, 3.5vw, 4rem), line-height 1.1 */
    --quipu-fontSize-heading-2xl: clamp(2.875rem, 3.5vw, 4rem);
    --quipu-lineHeight-heading-2xl: 1.1;
    /* H2: clamp(2rem, 3.2vw, 3.14rem), line-height 1.1 */
    --quipu-fontSize-heading-xl: clamp(2rem, 3.2vw, 3.14rem);
    --quipu-lineHeight-heading-xl: 1.1;
    /* H3: 2.25rem (36px) */
    --quipu-fontSize-heading-lg: 2.25rem;
    /* H4: 2rem (32px) */
    --quipu-fontSize-heading-md: 2rem;
    /* H6: 1.4rem, line-height 1.2 */
    --quipu-fontSize-heading-xs: 1.4rem;
    --quipu-lineHeight-heading-xs: 1.2;
    /* || Typography - Button || */
    --quipu-fontWeight-label: 400;
    /* || Typography || */
    --quipu-heading-2xl: 600 2.5rem/2.7rem var(--quipu-fontFamily-heading);
    --quipu-heading-xl: 600 2rem/2.4rem var(--quipu-fontFamily-heading);
    --quipu-heading-lg: 600 1.75rem/2.1rem var(--quipu-fontFamily-heading);
    --quipu-heading-md: 600 1.5rem/1.8rem var(--quipu-fontFamily-heading);
    --quipu-heading-sm: 600 1.25rem/1.5rem var(--quipu-fontFamily-heading);
    --quipu-heading-xs: 600 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;
}