/* Font Face Declarations - English */
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('/fonts/en/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  


/* Global design tokens and shared primitives */
:root {
  
    /* Theme */
    color-scheme: light;
    
    /* Reference Colors (define each unique value only once) */

    --nexus-ref-neutral-10: #1E1E1E;
    /* Neutral-10 | Page background (dark), input background, text (dark mode) */
    --nexus-ref-neutral-20: #2A2A2C;
    /* Neutral-20 | Cards, panels (dark), table header (dark) */
    --nexus-ref-neutral-30: #3A3A3C;
    /* Neutral-30 | Main body text (light), modals (dark), dividers (dark) */
    --nexus-ref-neutral-40: #74747E;
    /* Neutral-40 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-neutral-50: #4A4A4C;
    /* Neutral-50 | Subheads, metadata (light), input placeholder (light) */
    --nexus-ref-neutral-80: #666666;
    /* Neutral-80 @50% | Disabled text (light & dark) */
    --nexus-ref-neutral-90: #A8A8AA;
    /* Neutral-90 | Dividers, outline, secondary text (dark), surface divider (light) */
    --nexus-ref-neutral-95: #F3F3F3;
    /* Neutral-95 | Cards, panels (light), table header (light) */
    --nexus-ref-neutral-100: #F9FAFB;
    /* Neutral-100 | Page background (light), row background (light), text on primary (light & dark) */


    --nexus-ref-primary-10: #3B14B7;
    /* Primary-10 | Button primary active (light), pressed state (light) */
    --nexus-ref-primary-20: #7C59EC;
    /* Primary-20 | Main CTAs, button primary base (light), link (light), focus border (light) */
    --nexus-ref-primary-30: #A87FE6;
    /* Primary-30 | Button primary hover (light), focus border (dark), secondary border (dark) */
    --nexus-ref-primary-50: #C8B2F4;
    /* Primary-50 | Button primary active (dark), chart 5 */
    --nexus-ref-primary-80: #D6C9FF;
    /* Primary-80 | Button primary base (dark), visited link (dark) */
    --nexus-ref-primary-90: #E7E8FC;
    /* Primary-90 | Button primary hover (dark), table row hover (light), link hover (light) */
    --nexus-ref-primary-100: #FFFFFF;
    /* Primary-100 | Text on primary (light & dark), button on-danger (dark) */


    --nexus-ref-success-10: #144B2E;
    /* Success-10 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-success-20: #26724A;
    /* Success-20 | Success container (dark) */
    --nexus-ref-success-30: #33905F;
    /* Success-30 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-success-50: #3BB273;
    /* Success-50 | Success highlights (light & dark), status-approved */
    --nexus-ref-success-80: #67CF98;
    /* Success-80 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-success-90: #7DE2AC;
    /* Success-90 | Success container (light) */
    --nexus-ref-success-100: #D8FFEA;
    /* Success-100 | (Unused in mapping, keep for future/legacy) */


    --nexus-ref-error-10: #3A1E1F;
    /* Error-10 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-error-20: #641013;
    /* Error-20 | Error container (dark) */
    --nexus-ref-error-30: #8B161B;
    /* Error-30 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-error-50: #AA1F23;
    /* Error-50 | Error highlights (light & dark), button danger base */
    --nexus-ref-error-80: #C1484C;
    /* Error-80 | Button danger hover (light & dark) */
    --nexus-ref-error-90: #E06A6E;
    /* Error-90 | Error container (light), button danger active (light) */
    --nexus-ref-error-95: #FFBEC0;
    /* Error-95 | Button danger active (dark) */
    --nexus-ref-error-100: #FEF3F2;
    /* Error-100 | Button danger active (dark) */

    --nexus-ref-warning-10: #4A3C1A;
    /* Warning-10 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-warning-20: #8F6D1B;
    /* Warning-20 | Warning container (dark) */
    --nexus-ref-warning-30: #DA9A00;
    /* Warning-30 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-warning-50: #FFB020;
    /* Warning-50 | Warning highlights (light & dark), status-warning */
    --nexus-ref-warning-80: #FFC458;
    /* Warning-80 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-warning-90: #FFDEA2;
    /* Warning-90 | Warning container (light) */
    --nexus-ref-warning-100: #FFEECE;
    /* Warning-100 | Chart warning */

    --nexus-ref-info-10: #2C3A5A;
    /* Info-10 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-info-20: #314C8A;
    /* Info-20 | Info container (dark) */
    --nexus-ref-info-30: #4C649B;
    /* Info-30 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-info-50: #5995F1;
    /* Info-50 | Info highlights (light & dark), chart 2 */
    --nexus-ref-info-80: #81B2FF;
    /* Info-80 | (Unused in mapping, keep for future/legacy) */
    --nexus-ref-info-90: #AFCEFF;
    /* Info-90 | Info container (light) */
    --nexus-ref-info-100: #E3EEFF;
    /* Info-100 | (Unused in mapping, keep for future/legacy) */

  /*spacing tokens ( exact values) */
  --nexus-ref-spacing-2: 2px;
  --nexus-ref-spacing-4: 4px;
  --nexus-ref-spacing-6: 6px;
  --nexus-ref-spacing-8: 8px;
  --nexus-ref-spacing-10: 10px;
  --nexus-ref-spacing-12: 12px;
  --nexus-ref-spacing-14: 14px;
  --nexus-ref-spacing-16: 16px;
  --nexus-ref-spacing-18: 18px;
  --nexus-ref-spacing-20: 20px;
  --nexus-ref-spacing-24: 24px;
  --nexus-ref-spacing-28: 28px;

  /* shape tokens */
  --nexus-ref-shape-corner-none: 0px;
  --nexus-ref-shape-corner-xs: 4px;
  --nexus-ref-shape-corner-small: 8px;
  --nexus-ref-shape-corner-medium: 12px;
  --nexus-ref-shape-corner-large: 16px;

  /* Back-compat aliases (optional) */
  /* --nexus-ref-space-2: var(--md-sys-spacing-8);
  --nexus-ref-space-2-5: var(--md-sys-spacing-10);
  --nexus-ref-space-3: var(--md-sys-spacing-12);
  --nexus-ref-space-3-5: var(--md-sys-spacing-14);
  --nexus-ref-space-4: var(--md-sys-spacing-16);
  --nexus-ref-space-4-5: var(--md-sys-spacing-18);
  --nexus-ref-space-5: var(--md-sys-spacing-20);
  --nexus-ref-space-7: var(--md-sys-spacing-28);
  --nexus-ref-radius-2: var(--md-sys-shape-corner-small); */

/* Font Weights */

  --nexus-ref-font-weight-light: 300;
  --nexus-ref-font-weight-regular: 400;
  --nexus-ref-font-weight-medium: 500;
  --nexus-ref-font-weight-semibold: 600;
  --nexus-ref-font-weight-bold: 700;

/* Line Heights - Reference */
--nexus-ref-text-line-height-xxl: 30px;
--nexus-ref-text-line-height-xl: 30px;
--nexus-ref-text-line-height-lg: 28px;
--nexus-ref-text-line-height-md: 24px;
--nexus-ref-text-line-height-sm: 20px;
--nexus-ref-text-line-height-xs: 18px;

--nexus-ref-display-line-height-xxl: 90px;
--nexus-ref-display-line-height-xl: 72px;
--nexus-ref-display-line-height-lg: 60px;
--nexus-ref-display-line-height-md: 44px;
--nexus-ref-display-line-height-sm: 38px;
--nexus-ref-display-line-height-xs: 32px;

  /* Reference font sizes for text */
  --nexus-ref-text-font-size-xs: 12px;
  --nexus-ref-text-font-size-sm: 14px;
  --nexus-ref-text-font-size-md: 16px;
  --nexus-ref-text-font-size-lg: 18px;
  --nexus-ref-text-font-size-xl: 20px;
  --nexus-ref-text-font-size-xxl: 24px;

  /* Reference font sizes for display */
  --nexus-ref-display-font-size-xs: 20px;
  --nexus-ref-display-font-size-sm: 30px;
  --nexus-ref-display-font-size-md: 36px;
  --nexus-ref-display-font-size-lg: 48px;
  --nexus-ref-display-font-size-xl: 60px;
  --nexus-ref-display-font-size-xxl: 72px;





   
}
*{
    font-family: Manrope;
     /* Remove mobile tap highlight */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
ul{
  margin: 0;
  padding: 0;
}
/* Global focus-visible styles */
:focus-visible {
  outline: 2px solid var(--nexus-ref-primary-80);
  outline-offset: 0px;
  box-sizing: border-box;
  
}

/* Remove focus ring on mouse click but keep it for keyboard users */
:focus:not(:focus-visible) {
  outline: none;
}

/* Provide a slightly larger target for common interactive elements */
:where(a, button, input, textarea, select, summary, [role="button"], [tabindex])::selection {
  background: var(--nexus-ref-primary-90);
  color: var(--nexus-ref-neutral-10);
}

:where(a, button, input, textarea, select, summary, [role="button"], [tabindex]):focus-visible {
  border-radius: 4px;
}